/*!
* 脙茠脝鈥櫭冣€毭偮兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏€櫭冣€毭偮ッ兤捗⑩偓拧脙鈥毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏€櫭冣€毭偮っ兤捗⑩偓拧脙鈥毭偮姑兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮癱ss 脙茠脝鈥櫭冣€毭偮γ兤捗⑩偓拧脙鈥毭偮犆兤捗⑩偓拧脙鈥毭偮该兤捗嗏€櫭冣€毭偮ッ兤捗⑩偓拧脙鈥毭偮棵兤捗⑩偓聽脙垄芒鈥毬⑩€灺�
*/
.iconfont,
.u-icon {
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
vertical-align: middle;
}
/*脙茠脝鈥櫭冣€毭偮ッ兤捗⑩偓拧脙鈥毭偮Ｃ兤捗⑩偓拧脙鈥毭偮懊兤捗嗏€櫭冣€毭偮γ兤捗⑩偓鹿脙鈥γ⑩偓艙脙茠芒鈧γ冣€毭偮� WebFont*/
@font-face {
font-family: 'fzlantingqianheijianti';
src: url('../font/fzlantingqianheijianti.eot');
src: url('../font/fzlantingqianheijianti.eot?#font-spider') format('embedded-opentype'), url('../font/fzlantingqianheijianti.woff') format('woff'), url('../font/fzlantingqianheijianti.ttf') format('truetype'), url('../font/fzlantingqianheijianti.svg') format('svg'), url('../fonts/脙茠脗娄脙垄芒鈧∶偮冣€毭偮澝兤捗偮γ冣€毭偮好冣€毭偮惷兤捗偮ッ冣€毭偮兟⒚⑩€毬偮姑兤捗偮っ冣€毭偮矫兟⒚⑩€毬呪€淭C-Heavy.otf') format('otf');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'Microsoft YaHei', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.f-dn {
display: none;
}
a:hover {
text-decoration: none;
}
/*f_脙茠脝鈥櫭冣€毭偮ッ兤捗⑩偓拧脙鈥毭偮济兤捗偮⒚兟⒚⑩€毬吢∶冣€毭偮兤捗嗏€櫭冣€毭偮ッ兤捗⑩偓拧脙鈥毭偮っ兤捗⑩偓拧脙鈥毭偮疵兤捗嗏€櫭冣€毭偮っ兤捗⑩偓拧脙鈥毭偮该兤捗⑩偓拧脙鈥毭偮篺loat脙茠脝鈥櫭冣€毭偮γ兤捗⑩偓拧脙鈥毭偮济兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏€櫭冣€毭偮γ兤捗⑩偓拧脙鈥毭偮得兤捗⑩偓拧脙鈥毭偮�,l:脙茠脝鈥櫭冣€毭偮ッ兤捗⑩偓拧脙鈥毭偮访兤捗⑩偓拧脙鈥毭偮� r:脙茠脝鈥櫭冣€毭偮ッ兤捗⑩偓拧脙鈥毭偮徝兤捗⑩偓拧脙鈥毭偮�*/
.fl {
float: left;
}
.fr {
float: right;
}
/*m_脙茠脝鈥櫭冣€毭偮ッ兤捗⑩偓拧脙鈥毭偮济兤捗偮⒚兟⒚⑩€毬吢∶冣€毭偮兤捗嗏€櫭冣€毭偮ッ兤捗⑩偓拧脙鈥毭偮っ兤捗⑩偓拧脙鈥毭偮疵兤捗嗏€櫭冣€毭偮っ兤捗⑩偓拧脙鈥毭偮矫兤捗⑩偓拧脙鈥毭偮峬argin脙茠脝鈥櫭冣€毭偮兤捗⑩偓拧脙鈥毭偮久兤捗⑩偓拧脙鈥毭偮姑兤捗嗏€櫭冣€毭偮兤捗⑩偓拧脙鈥毭偮访兤捗⑩偓拧脙鈥毭偮�,t:脙茠脝鈥櫭冣€毭偮っ兤捗⑩偓拧脙鈥毭偮该兤捗⑩偓娄脙鈥毭偮� b:脙茠脝鈥櫭冣€毭偮っ兤捗⑩偓拧脙鈥毭偮该兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮� l:脙茠脝鈥櫭冣€毭偮ッ兤捗⑩偓拧脙鈥毭偮访兤捗⑩偓拧脙鈥毭偮� r:脙茠脝鈥櫭冣€毭偮ッ兤捗⑩偓拧脙鈥毭偮徝兤捗⑩偓拧脙鈥毭偮�*/
.mt {
margin-top: 10px;
}
.mt4 {
margin-top: 4px;
}
.mt5 {
margin-top: 5px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
.mt30 {
margin-top: 30px;
}
.mt40 {
margin-top: 40px;
}
.mt50 {
margin-top: 50px;
}
.mb {
margin-bottom: 10px;
}
.mb4 {
margin-bottom: 4px;
}
.mb5 {
margin-bottom: 5px;
}
.mb15 {
margin-bottom: 15px;
}
.mb20 {
margin-bottom: 20px;
}
.mb30 {
margin-bottom: 30px;
}
.mb40 {
margin-bottom: 40px;
}
.mb50 {
margin-bottom: 50px;
}
.mb60 {
margin-bottom: 60px;
}
.mr {
margin-right: 10px;
}
.mr5 {
margin-right: 5px;
}
.mr10 {
margin-right: 10px;
}
.mr15 {
margin-right: 15px;
}
.mr20 {
margin-right: 20px;
}
.mr23 {
margin-right: 23px;
}
.mr30 {
margin-right: 30px;
}
.mr40 {
margin-right: 40px;
}
.mr50 {
margin-right: 50px;
}
.mr60 {
margin-right: 60px;
}
.ml {
margin-left: 10px;
}
.ml5 {
margin-left: 5px;
}
.ml15 {
margin-left: 15px;
}
.ml20 {
margin-left: 20px;
}
.ml30 {
margin-left: 30px;
}
.ml40 {
margin-left: 40px;
}
.ml50 {
margin-left: 50px;
}
.mt1 {
margin-top: -1px;
}
.pa5 {
padding: 5px;
}
.pa10 {
padding: 10px;
}
.pa20 {
padding: 20px;
}
.pa50 {
padding: 50px;
}
.pa70 {
padding: 70px;
}
.pa15 {
padding: 15px;
}
.pa8 {
padding: 8px;
}
.hr-line {
background: rgba(255, 255, 255, 0.2);
height: 1px;
overflow: hidden;
width: 100%;
}
.btn {
font-size: 16px;
border-radius: 24px;
padding-right: 35px;
padding-left: 35px;
line-height: 28px;
}
.btn.btn-bai {
background-color: #FFF;
color: #255c8b;
}
.btn.btn-reset1 {
background-color: #FFF;
color: #255c8b;
}
.btn.btn-cs {
background: url("../images/subsidiary/..sec-active.png");
background-image: linear-gradient(90deg, #43c866 0%, #3397fb 100%), linear-gradient(#0068b7, #0068b7);
background-blend-mode: normal, normal;
color: #FFF;
}
.btn.btn-line {
height: 55px;
background: none;
border-radius: 30px;
border: 2px solid #ccc;
color: #999;
line-height: 40px;
}
.btn.btn-tm5 {
background: rgba(255, 255, 255, 0.7);
font-weight: bold;
}
.bg-w-1 {
background: url("../images/bg-w-1.png");
}
.bg-w-2 {
background: url("../images/bg-w-2.png");
}
.mh {
-webkit-backface-visibility: hidden;
-webkit-filter: blur(5px);
filter: blur(5px);
opacity: 0.9;
-webkit-animation: nvfadeInDown 1s .1s ease both;
-moz-animation: nvfadeInDown .3s .1s ease both;
}
/*脙茠脝鈥櫭冣€毭偮γ兤捗⑩偓拧脙鈥毭偮兤捗⑩偓拧脙鈥毭偮得兤捗嗏€櫭冣€毭偮兤捗⑩偓拧脙鈥毭偮惷兤捗⑩偓拧脙鈥毭偮矫兤捗嗏€櫭冣€毭偮兤捗⑩偓娄脙垄芒鈥毬呪€溍兤捗⑩偓拧脙鈥毭偮伱兤捗嗏€櫭冣€毭偮兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏€櫭冣€毭偮兤捗⑩偓拧脙鈥毭偮兤捗⑩偓拧脙鈥毭偮�*/
.f-els-1 {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
word-break: keep-all;
word-wrap: normal;
}
.f-els-2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.f-els-2-new {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
height: 34px;
white-space: normal;
}
.f-els-3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.f-els-4 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
@media (max-width: 1600px) {
.container {
max-width: 1230px;
}
.cistern {
max-width: 1230px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.container {
max-width: auto;
width: 100%;
}
.btn {
font-size: 14px;
border-radius: 24px;
padding-right: 20px;
padding-left: 20px;
line-height: 26px;
}
.btn.btn-bai {
background-color: #FFF;
color: #255c8b;
}
.btn.btn-reset1 {
background: url("../images/bg-w-3.png");
color: #FFF;
}
.btn.btn-cs {
background: url("../images/subsidiary/..sec-active.png");
background-image: linear-gradient(90deg, #43c866 0%, #3397fb 100%), linear-gradient(#0068b7, #0068b7);
background-blend-mode: normal, normal;
color: #FFF;
}
.btn.btn-line {
height: 40px;
background: none;
border-radius: 30px;
border: 2px solid #ccc;
color: #999;
line-height: 24px;
}
}
@media (max-width: 767px) {
.container {
max-width: auto;
width: 100%;
}
.btn {
font-size: 14px;
border-radius: 24px;
padding-right: 15px;
padding-left: 15px;
line-height: 16px;
}
.btn.btn-bai {
background-color: #FFF;
color: #255c8b;
}
.btn.btn-reset1 {
background: url("../images/bg-w-3.png");
color: #FFF;
}
.btn.btn-line {
height: auto;
background: none;
border-radius: 30px;
border: 2px solid #ccc;
color: #999;
line-height: 20px;
}
nav[aria-label="Page navigation"] {
text-align: center!important;
}
}
.column-title {
background: url('../images/l-w-6.png') repeat-x 0 bottom;
padding-bottom: 15px;
padding-top: 70px;
}
.column-title .tit-b {
font-size: 45px;
color: #FFF;
margin-bottom: 10px;
font-family: "fzlantingqianheijianti", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.column-title .tit-s {
font-size: 60px;
opacity: 0.2;
color: #FFF;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=20);
letter-spacing: 10px;
}
.column-title .tit-s.o5 {
opacity: 0.8;
}
.column-title-s1 .tit-b {
font-size: 42px;
color: #FFF;
font-family: "fzlantingqianheijianti", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.h-line {
width: 30px;
height: 1px;
background: #FFF;
overflow: hidden;
}
.company-plist .col-md-4 {
margin-bottom: 30px;
}
.company-plist .cbox {
border: 1px solid #eaeaea;
text-align: center;
background: #FFF;
color: #000;
overflow: hidden;
}
.company-plist .cbox .img {
width: 446px;
height: 312px;
text-align: center;
}
.company-plist .cbox .img img {
width: 100%;
height: 312px;
}
.company-plist .cbox .name {
font-size: 18px;
border-top: 1px solid #eee;
padding: 15px 10px;
color: #333;
height: 75px;
overflow: hidden;
}
.drawer-btnbox .language {
float: right;
line-height: 35px;
}
.drawer-btnbox .language .items {
color: #FFF;
padding: 0 5px;
font-size: 16px;
}
.drawer-btnbox .language .line {
color: rgba(255, 255, 255, 0.2);
padding: 0 10px;
}
@media (max-width: 1600px) {
.column-title {
padding-bottom: 10px;
padding-top: 50px;
}
.column-title .tit-b {
font-size: 42px;
margin-bottom: 0px;
}
.column-title .tit-s {
font-size: 45px;
letter-spacing: 5px;
}
.column-title-s1 .tit-b {
font-size: 35px;
}
.company-plist .cbox .img {
width: 100%;
height: 265px;
}
.company-plist .cbox .img img {
width: 100%;
height: 265px;
}
.company-plist .cbox .name {
font-size: 14px;
}
}
@media (max-width: 767px) {
.column-title {
margin-bottom: 20px;
padding-bottom: 10px;
padding-top: 20px;
}
.column-title .tit-b {
font-size: 32px;
margin-bottom: 0px;
}
.column-title .tit-s {
font-size: 22px;
letter-spacing: 5px;
}
.column-title-s1 .tit-b {
font-size: 24px;
}
.column-title-s1.mb40 {
margin-bottom: 20px;
}
}
.col-xs-1-8,
.col-sm-1-8,
.col-md-1-8,
.col-lg-1-8 {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.col-xs-1-8 {
width: 12.5%;
float: left;
}
@media (min-width: 768px) {
.col-sm-1-8 {
width: 12.5%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-1-8 {
width: 12.5%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-1-8 {
width: 12.5%;
float: left;
}
}
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.col-xs-1-5 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-1-5 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-1-5 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-1-5 {
width: 20%;
float: left;
}
}
.lian {
position: relative;
}
.lian h5 {
line-height: 20px;
cursor: pointer;
color: #fff;
text-align: center;
}
.lian h5::after {
display: none;
}
.lian h5 img {
margin-left: 5px;
float: none;
width: 11px;
height: 6px;
margin-top: 0;
margin-right: 0;
}
.lian .ul1 {
width: 100%;
padding-top: 8px;
padding-bottom: 9px;
display: none;
margin-top: 9px;
padding: 0;
}
.lian .ul1.active {
display: block;
}
.lian .ul1 li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
list-style: none;
}
.lian .ul1 li a {
color: #fff;
display: block;
padding-left: 0;
line-height: 35px;
text-align: center;
font-size: 14px;
}
.u-column {
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
background-color: #ccc;
color: #FFF;
padding-bottom: 200px;
/*脙茠脝鈥櫭冣€毭偮γ兤捗⑩偓娄脙鈥毭偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮⒚兤捗嗏€櫭冣€毭偮兤捗⑩偓拧脙鈥毭偮得兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮久兤捗嗏€櫭冣€毭偮兤捗偮⒚兟⒚⑩€毬吢∶冣€毭偮兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮γ兤捗嗏€櫭冣€毭偮ッ兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮γ兤捗⑩偓拧脙鈥毭偮趁兤捗嗏€櫭冣€毭偮兤捗⑩偓拧脙鈥毭偮趁兤捗⑩偓拧脙鈥毭偮� 脙茠脝鈥櫭冣€毭偮γ兤捗⑩偓拧脙鈥毭偮犆兤捗⑩偓拧脙鈥毭偮徝兤捗嗏€櫭冣€毭偮兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮好兤捗⑩偓拧脙鈥毭偮�*/
}
.u-column .column-txt {
font-size: 18px;
line-height: 32px;
text-align: justify;
}
.u-column.u-column-zzjg {
background-image: url('../images/bg/about-bg-dsh.jpg');
}
.u-column.u-column-jtjj {
background-color: #265791;
background-position: center bottom;
background-image: url('../images/bg/about-bg-jtjj.jpg');
}
.u-column.u-column-ds {
background-image: url('../images/bg/about-bg-ds.jpg');
background-position: center bottom;
background-color: #132e75;
padding-bottom: 350px;
}
.u-column.u-column-dsh {
background-image: url('../images/bg/about-bg-dsh.jpg');
}
.u-column.u-column-hxjzg {
background-image: url('../images/bg/about-bg-hxjzg.jpg');
background-size: 100% auto;
}
.u-column.u-column-jylnq {
background-image: url('../images/bg/about-bg-jylnq.jpg');
background-size: cover;
}
.u-column.u-column-ldgh {
background-color: #1c5f96;
background-image: url('../images/bg/about-bg-ldgh.jpg');
background-position: center bottom;
}
.u-column.u-column-lsqy {
background-image: url('../images/bg/about-bg-lsqy.jpg');
}
.u-column.u-column-ppln {
background-image: url('../images/bg/about-bg-ppln.jpg');
padding-bottom: 0;
background-size: cover;
background-position: center bottom;
}
.u-column.u-column-qyjs {
background-image: url('../images/bg/about-bg-qyjs.jpg');
}
.u-column.u-column-sm {
background-image: url('../images/bg/about-bg-sm.jpg');
background-position: center bottom;
}
.u-column.u-column-ygjs {
background-image: url('../images/bg/about-bg-ygjs.jpg');
background-size: 100% atuo;
}
.u-column.u-column-yj {
background-color: #1276b1;
background-image: url('../images/bg/about-bg-yj.jpg');
background-position: center bottom;
padding-bottom: 350px;
}
.u-column.u-column-zdsk {
background-color: #2760a5;
background-image: url('../images/bg/about-bg-zdsk.jpg');
background-position: center bottom;
padding-bottom: 200px;
}
.u-column.u-column-ldc {
background-color: #082955;
background-image: url('../images/bg/about-bg-ldc.jpg');
background-position: center bottom;
}
.u-column.u-column-ldc-detail {
background-color: #0c3e7f;
background-image: url('../images/bg/about-bg-ldc.jpg');
background-position: center bottom;
}
.u-column.u-column-lsyg {
background-color: #114a97;
background-image: url('../images/bg/about-bg-lsyg.jpg');
background-position: center bottom;
padding-bottom: 370px;
}
.u-column.u-column-qywh {
background-color: #114a97;
padding-bottom: 0;
}
.u-column.u-column-ppgs {
background-color: #04397b;
background-image: url('../images/bg/about-bg-ppgs.jpg');
background-position: center bottom;
}
.u-column.u-column-news-detail {
background-color: #183873;
background-image: url('../images/bg/news-detail-bg.jpg');
background-position: center bottom;
}
.u-column.u-column-news-vedio {
background-color: #093a6c;
background-image: url('../images/bg/bg-xxsp.jpg');
background-position: center bottom;
padding-bottom: 0;
}
.u-column.u-column-news-magazine {
background-color: #1d72b3;
background-image: url('../images/bg/bg-dzzz.jpg');
background-position: center bottom;
}
.u-column.u-column-invest-index {
background-color: #043a7e;
background-image: url('../images/bg/invest-bg-shzrbg.jpg');
background-position: center bottom;
}
.u-column.u-column-invest-gszl-gddh {
background-color: #043a7e;
background-image: url('../images/bg/invest-bg-gddh.jpg');
background-position: center top;
background-size: 100% auto;
}
.u-column.u-column-invest-qygz,
.u-column.u-column-invest-gszl-qygz {
background-color: #172d52;
background-image: url('../images/bg/invest-bg-qygzhjbg.jpg');
background-position: center bottom;
}
.u-column.u-column-invest-llfs {
background-color: #043a7d;
background-image: url('../images/bg/invest-bg-llfs.jpg');
background-position: center bottom;
}
.u-column.u-column-contact {
background-color: #4a72b0;
background-image: url('../images/bg/contact-bg.jpg');
background-position: center bottom;
}
.u-column.u-column-industry-ps {
background-color: #1e206d;
background-image: url('../images/industry/bg2.jpg');
background-position: center top;
}
.u-column.u-column-industry-list {
background-color: #1b3069;
background-image: url('../images/bg/industry-map-list-bg.jpg');
background-position: center bottom;
background-size: 100% auto;
}
.u-logo-bg {
background: url('../images//logo-bg.png') no-repeat;
background-position: center top;
background-size: 100% auto;
}
@media (max-width: 1600px) {
.u-column {
padding-bottom: 100px;
}
}
@media (max-width: 767px) {
.u-column {
padding-bottom: 80px;
background-size: 100% 100%;
/*脙茠脝鈥櫭冣€毭偮γ兤捗⑩偓娄脙鈥毭偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮⒚兤捗嗏€櫭冣€毭偮兤捗⑩偓拧脙鈥毭偮得兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮久兤捗嗏€櫭冣€毭偮兤捗偮⒚兟⒚⑩€毬吢∶冣€毭偮兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮γ兤捗嗏€櫭冣€毭偮ッ兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮γ兤捗⑩偓拧脙鈥毭偮趁兤捗嗏€櫭冣€毭偮兤捗⑩偓拧脙鈥毭偮趁兤捗⑩偓拧脙鈥毭偮� 脙茠脝鈥櫭冣€毭偮γ兤捗⑩偓拧脙鈥毭偮犆兤捗⑩偓拧脙鈥毭偮徝兤捗嗏€櫭冣€毭偮兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮好兤捗⑩偓拧脙鈥毭偮�*/
}
.u-column .column-txt {
font-size: 14px;
line-height: 26px;
}
.u-column.u-column-ds {
padding-bottom: 30px;
}
.u-column.u-column-hxjzg {
background-size: cover;
}
.u-column.u-column-ldgh {
background-size: contain;
}
.u-column.u-column-ppln {
background-color: #071e51;
background-position: center bottom;
background-size: 100% auto;
}
.u-column.u-column-qyjs {
background-size: 450% 100%;
}
.u-column.u-column-ygjs {
background-size: 200% atuo;
}
.u-column.u-column-zdsk {
background-size: 100% auto;
}
.u-column.u-column-ldc {
background-position: center bottom;
background-size: contain;
}
.u-column.u-column-ldc-detail {
background-position: center bottom;
}
.u-column.u-column-lsyg {
padding-bottom: 30px;
background-size: contain;
background-position: center bottom;
}
.u-column.u-column-qywh {
background-color: #114a97;
padding-bottom: 0;
}
.u-column.u-column-ppgs {
background-position: center bottom;
}
.u-column.u-column-news-detail {
background-position: center bottom;
}
.u-column.u-column-news-vedio {
padding-bottom: 0;
}
.u-column.u-column-news-magazine {
background-position: center bottom;
}
.u-column.u-column-invest-index {
background-position: center bottom;
}
.u-column.u-column-invest-gszl-gddh {
background-position: center bottom;
}
.u-column.u-column-invest-qygz,
.u-column.u-column-invest-gszl-qygz {
background-size: contain;
background-position: center bottom;
}
.u-column.u-column-invest-llfs {
padding-bottom: 50px;
background-position: center bottom;
}
.u-column.u-column-contact {
background-position: center bottom;
background-size: contain;
}
.u-column.u-column-industry-ps {
background-position: center bottom;
}
.u-column.u-column-jtjj {
background-size: contain;
}
.u-column.u-column-yj {
padding-bottom: 180px;
background-size: 100% 80%;
}
}
#tbox {
width: 52px;
position: fixed;
right: 10px;
bottom: 35px;
z-index: 9999;
}
#gotop {
width: 52px;
height: 52px;
text-align: center;
line-height: 52px;
font-size: 20px;
color: #FFF;
background: #0068b7;
overflow: hidden;
display: block;
border-radius: 52px;
z-index: 1000;
}
/*
*脙茠脝鈥櫭冣€毭偮┟兤捗⑩偓拧脙鈥毭偮澝兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏€櫭冣€毭偮ッ兤捗⑩偓娄脙垄芒鈥毬⑩€灺⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮γ兤捗嗏€櫭冣€毭偮ッ兤捗⑩偓拧脙鈥毭偮泵兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥姑呪€�
*/
.breadcrumbs .cistern {
font-size: 16px;
padding: 15px 0;
}
.breadcrumbs .container {
font-size: 16px;
padding-top: 15px;
padding-bottom: 15px;
}
.breadcrumbs .icon-home {
width: 16px;
height: 16px;
background-image: url('../images/home.png');
margin-top: -4px;
}
.breadcrumbs a,
.breadcrumbs span {
display: inline-block;
height: 30px;
line-height: 30px;
color: #666;
}
.breadcrumbs span {
padding: 0 5px;
}
.breadcrumbs span.ico {
padding: 0;
margin-right: 10px;
}
.breadcrumbs a:hover {
color: #5bc0de;
}
.breadcrumbs .hr-line {
background: #eee;
margin-top: 20px;
}
@media (max-width: 767px) {
.breadcrumbs.mb50 {
margin-bottom: 10px;
}
.breadcrumbs .container {
font-size: 14px;
padding-top: 15px;
padding-bottom: 15px;
}
}
/*header*/
#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
background: #004370;
}
#header .container {
position: relative;
}
#header .logo {
display: inline-block;
overflow: hidden;
margin-top: 20px;
float: left;
margin-right: 1%;
}
#header .logo a {
display: block;
width: 156px;
height: 48px;
overflow: hidden;
}
#header .logo a img {
width: 100%;
}
#header .search {
margin-top: 20px;
display: inline-block;
float: right;
}
#header .search .search-open {
width: 330px;
height: 45px;
position: relative;
}
#header .search .search-open .search-box input {
width: 100%;
height: 45px;
border: 1px solid #d4d4d4;
line-height: 45px;
border-radius: 30px;
padding-left: 20px;
outline: none;
font-size: 16px;
padding-right: 50px;
}
#header .search .search-open .search-box input:focus {
border: 1px solid #15b0eb;
color: #282828;
box-shadow: 0px 3px 8px #d4d4d4;
}
#header .search .search-open .search-box .search-btn {
position: absolute;
top: 0;
right: 0;
padding: 0 10px;
background: url("../images/h-search-btn.png") no-repeat center center;
border: none;
text-indent: -9999px;
height: 45px;
width: 45px;
}
#header .search .moblie-search-close {
display: none;
}
#header .js-search-btn-open {
display: none;
}
#header .links-bar {
position: absolute;
top: 26px;
right: 80px;
}
#header .links-bar .btn-group {
margin-right: 15px;
}
#header .links-bar .btn-group .btn {
color: #FFF;
padding: 0;
}
#header .links-bar .btn-group .btn .n {
margin-right: 5px;
}
#header .links-bar .btn-group .dropdown-menu {
padding: 15px;
}
#header .links-bar .btn-group .dropdown-menu li {
font-size: 14px;
border-bottom: 1px solid #ebebeb;
}
#header .links-bar .btn-group .dropdown-menu li a {
padding: 5px 0;
color: #999;
font-size: 14px;
}
#header .links-bar .btn-group .dropdown-menu li .glyphicon {
float: right;
color: #ebebeb;
}
#header .links-bar .btn-group.company-list {
width: 100px;
}
#header .links-bar .btn-group.company-list .dropdown-menu {
width: 390px;
margin-left: -185px;
left: 50%;
height: 330px;
overflow-y: auto;
}
#header .links-bar .social {
display: inline-block;
}
#header .links-bar .social .iconfont {
height: 21px;
padding: 0 5px;
position: relative;
}
#header .links-bar .social .iconfont .codeimg {
display: none;
position: absolute;
top: 40px;
left: 50%;
margin-left: -75px;
width: 150px;
height: 150px;
}
#header .links-bar .social .iconfont .codeimg img {
width: 150px;
height: 150px;
}
#header .links-bar .social .iconfont.hover .codeimg {
display: block;
}
#header .pin-wrapper {
float: right;
width: 64px;
}
#header .d-menu {
height: 64px;
width: 64px;
}
#header .d-menu .drawer-hamburger {
position: relative;
z-index: 104;
display: inline-block;
box-sizing: content-box;
transform: translate3d(0, 0, 0);
border: 0;
padding: 0;
outline: 0;
width: 64px;
height: 64px;
margin-top: 10px;
background: none;
text-indent: -9999px;
cursor: pointer;
/* 脙茠脝鈥櫭冣€毭偮γ兤捗⑩偓拧脙鈥毭偮趁兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏€櫭冣€毭偮ッ兤捗⑩偓娄脙鈥毭偮犆兤捗⑩偓拧脙鈥毭偮兤捗嗏€櫭冣€毭偮γ兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮⒚兤捗⑩偓鹿脙垄芒鈥毬偮犆兤捗嗏€櫭冣€毭偮γ兤捗⑩偓娄脙鈥毭偮久兤捗⑩偓娄脙垄芒鈥毬呪€� */
}
#header .d-menu .drawer-hamburger :hover {
cursor: pointer;
}
#header .d-menu .drawer-hamburger .content {
position: relative;
width: 64px;
height: 64px;
padding: 10px;
}
#header .d-menu .drawer-hamburger .content .nav-open {
background: #0068b7 url("../images/nav.png") no-repeat center center;
width: 44px;
height: 44px;
overflow: hidden;
display: block;
border-radius: 44px;
z-index: 1000;
}
#header .d-menu .drawer-hamburger .circle {
position: absolute;
border-radius: 50%;
opacity: 0;
top: 0;
}
#header .d-menu .drawer-hamburger.solid .circle {
width: 100%;
height: 100%;
background: #FFF;
}
#header .d-menu .drawer-hamburger.solid .circle:first-child {
animation: circle-opacity 2s infinite;
}
@keyframes circle-opacity {
from {
opacity: 1;
transform: scale(0);
}
to {
opacity: 0;
transform: scale(1);
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
#header {
height: 66px;
width: 100%;
overflow: hidden;
padding-top: 0;
z-index: 100;
background: #FFF;
position: relative;
box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
}
#header .container {
padding: 0 20px;
}
#header .logo {
margin-right: 0;
margin-top: 15px;
}
#header .logo a {
width: 125px;
background: url("../images/logo-m.png") no-repeat;
background-size: 125px auto;
}
#header .logo a img {
display: none;
}
#header .search {
display: none;
}
#header .js-search-btn-open {
display: block;
position: absolute;
top: 15px;
right: 70px;
width: 35px;
height: 35px;
border-radius: 35px;
background: #0068b7;
font-size: 16px;
color: #FFF;
text-align: center;
line-height: 35px;
}
#header .d-menu {
height: 55px;
width: 55px;
padding: 0;
position: fixed;
right: 10px;
top: 0;
}
#header .d-menu .drawer-hamburger {
margin-top: 5px;
width: 55px;
height: 55px;
}
#header .d-menu .drawer-hamburger .content {
width: 55px;
height: 55px;
padding: 10px;
}
#header .d-menu .drawer-hamburger .content .nav-open {
width: 35px;
height: 35px;
border-radius: 35px;
}
}
@media (max-width: 767px) {
body {
padding-top: 0 !important;
}
.nav {
display: none;
}
#header {
height: 66px;
width: 100%;
padding-top: 0;
z-index: 100;
position: relative;
box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
}
#header .container {
padding: 0 15px;
}
#header .logo {
margin-right: 0;
margin-top: 15px;
}
#header .logo a {
width: 125px;
background: url("../images/logo.png") no-repeat;
background-size: 125px auto;
}
#header .logo a img {
display: none;
}
#header .search {
display: none !important;
position: absolute;
top: 0;
left: 0;
z-index: 9999;
margin: 0;
padding: 10px;
width: 100%;
background: #FFF;
}
#header .search .moblie-search-close {
display: block;
position: absolute;
top: 10px;
right: 0;
height: 45px;
width: 45px;
text-align: center;
line-height: 49px;
font-size: 20px;
overflow: hidden;
}
#header .search .search-open {
width: 90%;
}
#header .search .search-open .search-box input {
width: 100%;
height: 45px;
border: 1px solid #d4d4d4;
line-height: 45px;
border-radius: 5px;
padding-left: 20px;
outline: none;
font-size: 16px;
padding-right: 50px;
}
#header .search .search-open .search-box input:focus {
border: 1px solid #15b0eb;
color: #282828;
box-shadow: 0px 3px 8px #d4d4d4;
}
#header .search .search-open .search-box .search-btn {
position: absolute;
top: 0;
right: 0;
padding: 0 10px;
background: url("../images/h-search-btn.png") no-repeat center center;
border: none;
text-indent: -9999px;
height: 45px;
width: 45px;
}
#header .js-search-btn-open {
display: block;
position: absolute;
top: 15px;
right: 65px;
width: 35px;
height: 35px;
border-radius: 35px;
background: #0068b7;
font-size: 16px;
color: #FFF;
text-align: center;
line-height: 35px;
}
#header .d-menu {
height: 55px;
width: 55px;
padding: 0;
position: fixed;
right: 5px;
top: 0;
z-index: 999;
}
#header .d-menu .drawer-hamburger {
margin-top: 5px;
width: 55px;
height: 55px;
}
#header .d-menu .drawer-hamburger .content {
width: 55px;
height: 55px;
padding: 10px;
}
#header .d-menu .drawer-hamburger .content .nav-open {
width: 35px;
height: 35px;
border-radius: 35px;
}
}
.top-search-overlay {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: #000000;
z-index: 99;
opacity: 0.7;
display: none;
}
/*footer*/
#footer {
background: #1e1e1e;
}
#footer .footer-nav {
padding: 70px 0;
}
#footer .footer-nav h3 {
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
margin-top: 0;
color: #fff;
}
#footer .footer-nav h3 a {
color: #fff;
}
#footer .footer-nav h3 em {
display: inline-block;
vertical-align: middle;
font-size: 18px;
margin-left: 5px;
width: 18px;
height: 18px;
}
#footer .footer-nav h3 em.icon-open-in-new {
margin-left: 12px;
}
#footer .footer-nav h3 em.icon-open-in-new:before {
width: 18px;
height: 18px;
font-size: 16px;
top: -5px;
}
#footer .footer-nav h3 em.icon-open-in-new:after {
width: 18px;
height: 18px;
font-size: 16px;
bottom: 5px;
}
#footer .footer-nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#footer .footer-nav ul li {
font-size: 14px;
padding-bottom: 15px;
}
#footer .footer-nav ul li a {
color: #999;
}
#footer .footer-nav ul li a:hover em {
text-decoration: none;
}
#footer .copy {
font-size: 14px;
text-align: center;
color: #666;
padding: 20px 0;
border-top: 1px solid #434343;
}
.footer-contact-us {
background-color: #141414;
border-radius: 20px;
padding: 30px 20px;
font-size: 14px;
}
.footer-contact-us .title {
font-size: 16px;
margin-bottom: 20px;
color: #FFF;
font-weight: 700;
}
.footer-contact-us .title .iconfont {
width: 20px;
height: 20px;
margin-right: 10px;
}
.footer-contact-us .title .iconfont.icon-t {
background: url("../images/f-mg-t.png") no-repeat left center;
}
.footer-contact-us .form-group {
position: relative;
margin-bottom: 0;
}
.footer-contact-us .form-group .form-control {
background: none;
border: none;
border-radius: 0;
color: #FFF;
}
.footer-contact-us .form-group .input-group {
border-bottom: 1px solid #2c2c2c;
position: relative;
}
.footer-contact-us .form-group .input-group.input-group-w {
background: url("../images/f-mg-l.png") repeat-x left center;
}
.footer-contact-us .form-group .input-group .codeimg {
position: absolute;
top: 10px;
right: 0;
height: 30px;
cursor: pointer;
background: #FFF;
z-index: 3;
}
.footer-contact-us .form-group .input-group-addon {
background: none;
border: none;
border-radius: 0;
}
.footer-contact-us .form-group .input-group-addon.icon-w {
background: url("../images/f-mg-w.png") no-repeat left 8px;
}
.footer-contact-us .form-group .input-group-addon.icon-e {
background: url("../images/f-mg-e.png") no-repeat left center;
}
.footer-contact-us .form-group .input-group-addon.icon-c {
background: url("../images/f-mg-c.png") no-repeat left center;
}
.footer-contact-us .form-group input.form-control {
height: 50px;
}
.footer-contact-us .form-group .text-center {
margin-top: 60px;
}
.footer-contact-us .form-group .text-center .btn {
width: 150px;
height: 55px;
border-radius: 30px;
background: #8a8a8a;
color: #FFF;
}
.footer-contact-us .form-group .help-block {
position: absolute;
bottom: -10px;
left: 36px;
}
.footer-contact-us .form-group .form-control-feedback:before {
display: none;
}
.footer-contact-us .form-group .glyphicon-remove:before {
content: "\e014";
display: none;
}
.weCode {
width: 100%;
}
.weCode img {
display: block;
width: 40%;
margin: 30px auto 0;
}
@media (max-width: 1600px) {
#footer .footer-nav {
padding: 50px 0;
}
#footer .footer-nav h3 {
font-size: 16px;
margin-bottom: 20px;
margin-top: 20px;
}
#footer .footer-nav ul li {
font-size: 16px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
#footer .footer-nav {
padding: 0px 0 30px 0;
}
#footer .footer-nav h3 {
font-size: 16px;
margin-bottom: 20px;
margin-top: 30px;
}
#footer .footer-nav ul li {
width: 25%;
float: left;
font-size: 16px;
}
#footer .footer-contact-us .form-group .text-center {
margin-top: 30px;
}
#footer .copy {
padding: 20px 0;
}
#footer .text-center {
margin-top: 40px;
}
#footer .text-center .btn {
width: 150px;
height: 45px;
border-radius: 30px;
background: #8a8a8a;
color: #FFF;
}
}
@media (max-width: 767px) {
#footer .footer-nav {
padding: 0px 0 30px 0;
}
#footer .footer-nav h3 {
font-size: 16px;
margin-bottom: 20px;
margin-top: 30px;
}
#footer .footer-nav ul li {
width: 50%;
float: left;
font-size: 16px;
}
#footer .footer-contact-us .form-group .text-center {
margin-top: 30px;
}
#footer .copy {
padding: 20px 0;
}
#footer .text-center {
margin-top: 40px;
}
#footer .text-center .btn {
width: 150px;
height: 45px;
border-radius: 30px;
background: #8a8a8a;
color: #FFF;
}
}
.storageBanner {
position: relative;
height: 680px;
}
.storageBanner .banner-box {
overflow: hidden;
position: relative;
}
.storageBanner .pic {
height: 100%;
width: 100%;
}
.storageBanner .pic:after {
padding-top: 31.25%;
}
.storageBanner .pic img {
position: absolute;
display: block;
width: 100%;
}
.storageBanner .con {
position: absolute;
z-index: 2;
top: 0;
left: 0;
font-size: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
.storageBanner .con:after {
display: inline-block;
height: 100%;
content: "";
vertical-align: middle;
width: 0;
}
.storageBanner .banner-text {
display: inline-block;
width: 100%;
vertical-align: middle;
}
.storageBanner .banner-text .title {
font-size: 52px;
line-height: 1.38;
overflow: hidden;
margin: 0;
padding-top: 9px;
text-align: inherit;
padding-bottom: 0;
color: inherit;
color: #FFF;
font-family: "fzlantingqianheijianti", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
}
.storageBanner .banner-text .en-title {
font-size: 18px;
line-height: 1.375;
margin-bottom: -7px;
overflow: hidden;
color: #FFF;
}
.storageBanner.storageBanner2 .banner-text .title {
font-family: "Microsoft Yahei", "脙茠脝鈥櫭冣€毭偮ッ兤捗⑩偓拧脙鈥毭偮久兤捗⑩偓拧脙鈥毭偮兤捗嗏€櫭冣€毭偮兤捗⑩偓拧脙鈥毭偮矫兤捗⑩偓拧脙鈥毭偮兤捗嗏€櫭冣€毭偮┟兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮好兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮γ兤捗嗏€櫭冣€毭偮┟兤捗⑩偓拧脙鈥毭偮幻兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥姑呪€�", Helvetica, Tahoma, Arial, verdana, sans-serif;
}
@media (max-width: 1600px) {
.storageBanner .banner-text .title {
font-size: 48px;
}
.storageBanner .banner-text .en-title {
font-size: 16px;
}
}
@media (max-width: 767px) {
.storageBanner .banner-text .title {
font-size: 36px;
}
.storageBanner .banner-text .en-title {
font-size: 16px;
}
}
.news-hotinfo {
margin-bottom: 50px;
background: rgba(255, 255, 255, 0.1);
}
.news-hotinfo .row {
margin-right: 0;
margin-left: 0;
}
.news-hotinfo .row .col-md-6 {
padding: 0;
}
.news-hotinfo .imgbox {
width: 100%;
height: 410px;
overflow: hidden;
}
.news-hotinfo .imgbox img {
width: 100%;
height: 410px;
}
.news-hotinfo .cont {
padding-left: 25px;
padding-right: 25px;
}
.news-hotinfo .cont .title {
font-size: 30px;
margin-bottom: 25px;
margin-top: 45px;
}
.news-hotinfo .cont .h-line {
width: 60px;
margin-bottom: 25px;
}
.news-hotinfo .cont .column-txt {
position: relative;
font-size: 18px;
line-height: 32px;
margin-bottom: 40px;
}
.news-hot {
margin-top: 50px;
position: relative;
}
.news-hot .thumbnail {
padding: 0;
border: none;
background: none;
border-radius: 0;
position: relative;
}
a.news-hot .thumbnail:hover,
a.news-hot .thumbnail:focus,
a.news-hot .thumbnail.active {
border-color: none;
}
.news-hot .thumbnail .caption {
width: 100%;
padding: 0;
color: #FFF;
background: rgba(255, 255, 255, 0.3);
background: #3a5f90;
position: relative;
}
.news-hot .thumbnail .caption .title {
height: 60px;
line-height: 60px;
color: #FFF;
font-size: 16px;
padding: 0 20px;
}
.news-hot .thumbnail .caption .title .icon-j {
border: 1px solid #FFF;
border-radius: 50%;
width: 30px;
height: 30px;
position: absolute;
right: 20px;
top: 50%;
margin-top: -15px;
background: url("../images/news-icon1.png") no-repeat center center;
}
.news-hot .swiper-button-next,
.news-hot .swiper-button-prev {
position: absolute;
background: none;
width: 50px;
height: 50px;
background: #FFF;
color: #5bc0de;
border-radius: 50%;
top: 50%;
margin-top: -25px;
text-align: center;
line-height: 50px;
}
.news-hot .swiper-button-next:hover,
.news-hot .swiper-button-prev:hover {
background: #5bc0de;
color: #FFF;
}
.news-hot .swiper-button-next {
right: -75px;
}
.news-hot .swiper-button-prev {
left: -75px;
}
.news-list .list-group-item {
padding: 35px 25px;
background: none;
border: none;
margin-bottom: 1px;
background: rgba(58, 95, 144, 0.8);
font-size: 18px;
}
.news-list .list-group-item a {
color: #FFF;
}
.news-list .list-group-item:first-child {
border-radius: 0;
}
.news-list .list-group-item:last-child {
border-radius: 0;
}
.news-list .list-group-item>.badge {
background: none;
color: #FFF;
font-size: 18px;
font-family: Campton-Bold;
}
.news-dxrw.row {
margin-left: -10px;
margin-right: -10px;
}
.news-dxrw.row .col-md-6 {
padding: 0 10px;
}
.news-dxrw.row .col-md-3 {
padding: 0 10px;
}
.news-dxrw .thumbnail .name .line {
padding: 0 10px;
}
.news-dxrw .thumbnail.sy1 {
padding: 0;
margin-bottom: 20px;
border: none;
border-radius: 0;
position: relative;
}
.news-dxrw .thumbnail.sy1>img,
.news-dxrw .thumbnail.sy1 a>img {
width: 100%;
}
a.news-dxrw .thumbnail.sy1:hover,
a.news-dxrw .thumbnail.sy1:focus,
a.news-dxrw .thumbnail.sy1.active {
border-color: none;
}
.news-dxrw .thumbnail.sy1 .caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0;
color: #FFF;
background: rgba(0, 0, 0, 0.6);
}
.news-dxrw .thumbnail.sy1 .caption .name {
border-bottom: 1px solid #555;
font-size: 24px;
padding: 20px 15px;
margin: 0;
}
.news-dxrw .thumbnail.sy1 .caption .cont {
padding: 20px 15px;
font-size: 20px;
height: 60px;
line-height: 20px;
}
.news-dxrw .thumbnail.sy1 .caption .cont .title {
float: left;
}
.news-dxrw .thumbnail.sy1 .caption .cont .time {
float: right;
}
.news-dxrw .thumbnail.sy2 {
padding: 0;
border: none;
border-radius: 0;
background: url("../images/bg-w-2.png");
}
.news-dxrw .thumbnail.sy2>img,
.news-dxrw .thumbnail.sy2 a>img {
width: 100%;
}
a.news-dxrw .thumbnail.sy2:hover,
a.news-dxrw .thumbnail.sy2:focus,
a.news-dxrw .thumbnail.sy2.active {
border-color: none;
}
.news-dxrw .thumbnail.sy2 .caption {
padding: 25px 20px 25px 20px;
color: #FFF;
}
.news-dxrw .thumbnail.sy2 .caption .name {
font-size: 26px;
margin: 0;
margin-bottom: 22px;
}
.news-dxrw .thumbnail.sy2 .caption .title {
font-size: 18px;
height: 115px;
}
.news-dxrw .thumbnail.sy2 .caption .time {
font-size: 18px;
text-align: right;
font-family: Campton-Bold;
}
.news-vedio-big {
padding-bottom: 50px;
position: relative;
}
.news-vedio-big::after {
position: absolute;
height: 587px;
width: 100%;
content: "";
background: url("../images/bg-w-2.png");
top: 25px;
left: -25px;
z-index: 1;
}
.news-vedio-big .v-box {
position: relative;
display: block;
z-index: 2;
}
.news-vedio-big .v-box .title {
position: absolute;
height: 160px;
width: 100%;
left: 0;
top: 50%;
margin-top: -80px;
text-align: center;
}
.news-vedio-big .v-box .title .u-icon-play {
height: 100px;
width: 100px;
background: url("../images/news/xxsp-play.png") no-repeat center center;
}
.news-vedio-big .v-box img {
width: 100%;
}
.news-vedio-big .v-box .name {
font-size: 26px;
color: #FFF;
text-shadow: #000 1px 1px 2px;
text-align: center;
margin-top: 20px;
}
.news-vedio-big .v-box .name:hover {
text-decoration: none;
}
.news-vedio-swiper {
background: url("../images/news/xxsp-v-bg.jpg") no-repeat center top;
padding: 50px 0;
}
#newsVidioSwiper {
border-top: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding: 60px 0;
}
#newsVidioSwiper .swiper-slide {
width: 800px;
height: 525px;
border-radius: 8px;
position: relative;
}
#newsVidioSwiper .swiper-slide .v-box {
position: relative;
display: block;
z-index: 2;
margin-bottom: 10px;
}
#newsVidioSwiper .swiper-slide .v-box .title {
position: absolute;
height: 200px;
width: 100%;
left: 0;
top: 50%;
margin-top: -80px;
text-align: center;
}
#newsVidioSwiper .swiper-slide .v-box .title .u-icon-play {
height: 100px;
width: 100px;
background: url("../images/news/xxsp-play.png") no-repeat center center;
}
#newsVidioSwiper .swiper-slide .v-box .title .txt {
font-size: 16px;
color: #FFF;
margin-bottom: 15px;
text-shadow: #333 1px 1px 2px;
}
#newsVidioSwiper .swiper-slide .v-box img {
width: 100%;
}
#newsVidioSwiper .swiper-slide .name {
font-size: 22px;
color: #FFF;
text-align: center;
}
#newsVidioSwiper .swiper-slide .name a {
color: #FFF;
}
#newsVidioSwiper .swiper-slide:not(.swiper-slide-active) {
transform: scale(0.8);
}
#newsVidioSwiper .btnbox {
position: absolute;
width: 1400px;
left: 50%;
margin-left: -700px;
top: 50px;
z-index: 1000;
height: 525px;
/*background:url("@{imgurl}news/video-bg.png") no-repeat 0 165px;*/
}
#newsVidioSwiper .btnbox .swiper-button-prev,
#newsVidioSwiper .btnbox .swiper-button-next {
width: 68px;
height: 68px;
font-size: 24px;
line-height: 68px;
color: #0065b2;
background: #FFF;
border-radius: 68px;
text-align: center;
opacity: 1;
display: block;
}
#newsVidioSwiper .btnbox .swiper-button-prev:hover,
#newsVidioSwiper .btnbox .swiper-button-next:hover {
background: #0065b2;
color: #FFF;
}
#newsVidioSwiper .btnbox .swiper-button-prev {
left: 110px;
top: 235px;
}
#newsVidioSwiper .btnbox .swiper-button-next {
right: auto;
left: 110px;
top: 330px;
}
#newsVidioSwiper .btnbox .swiper-pagination {
display: none;
font-size: 32px;
top: 0;
left: 0;
background: url("../images/news/line.png") no-repeat center center;
width: 90px;
height: 90px;
text-indent: -9999px;
overflow: hidden;
}
#newsVidioSwiper .btnbox .swiper-pagination .swiper-pagination-current {
position: absolute;
top: 0;
left: 0;
line-height: 32px;
text-indent: 0;
}
#newsVidioSwiper .btnbox .swiper-pagination .swiper-pagination-total {
position: absolute;
right: 0;
bottom: 0;
line-height: 32px;
text-indent: 0;
}
.news-magazine {
width: 1400px;
}
.news-magazine .view {
width: 1190px;
float: left;
}
.news-magazine .view .swiper-container {
width: 1050px;
height: 1500px;
margin: 0;
}
.news-magazine .imgbig {
background: url("../images/news/dzzz-b-bg.png") no-repeat;
background-position: right 20px;
margin-bottom: 30px;
}
.news-magazine .imgbig img {
width: 1026px;
height: 1354px;
}
.news-magazine .info {
width: 1026px;
}
.news-magazine .info .w2 {
width: 50%;
float: left;
}
.news-magazine .info .name {
font-size: 42px;
line-height: 50px;
}
.news-magazine .info .btnbox {
text-align: right;
padding-top: 5px;
}
.news-magazine .info .btnbox .btn {
margin-left: 10px;
padding-left: 30px;
padding-right: 30px;
}
.news-magazine .info .btnbox .btn .u-icon {
width: 18px;
height: 18px;
margin-left: 5px;
}
.news-magazine .info .btnbox .btn .u-icon.u-icon1 {
background: url("../images/news/dzzz-ico-1.png") no-repeat;
}
.news-magazine .info .btnbox .btn .u-icon.u-icon2 {
background: url("../images/news/dzzz-ico-2.png") no-repeat;
}
.news-magazine .info .btnbox .btn .u-icon.u-icon3 {
background: url("../images/news/dzzz-ico-3.png") no-repeat;
}
.news-magazine .preview {
padding: 85px 0;
float: left;
width: 210px;
position: relative;
}
.news-magazine .preview .swiper-container {
width: 210px;
height: 1198px;
}
.news-magazine .preview .swiper-slide {
width: 210px;
height: 307px;
}
.news-magazine .preview .swiper-slide img {
width: 210px;
height: 277px;
}
.news-magazine .preview .arrow-left {
background: #FFF;
border-radius: 50%;
position: absolute;
left: 50%;
top: 10px;
margin-left: -25px;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px;
text-align: center;
z-index: 10;
}
.news-magazine .preview .arrow-left:hover {
color: #FFF;
background: #0065b2;
}
.news-magazine .preview .arrow-right {
background: #FFF;
border-radius: 50%;
position: absolute;
left: 50%;
bottom: 10px;
margin-left: -25px;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px;
text-align: center;
z-index: 10;
}
.news-magazine .preview .arrow-right:hover {
color: #FFF;
background: #0065b2;
}
.news-magazine .preview img {
padding: 1px;
}
.news-magazine .preview .active-nav img {
padding: 0;
border: 2px solid #FFF;
}
.modal-body .form-group .row2 .form-control {
width: 200px;
display: inline-block;
margin-right: 10px;
}
.modal-body .form-group .row2 img {
display: inline-block;
}
@media (max-width: 1600px) {
.news-hotinfo {
margin-bottom: 50px;
}
.news-hotinfo .imgbox {
width: 100%;
height: 350px;
overflow: hidden;
}
.news-hotinfo .imgbox img {
width: 100%;
height: 350px;
}
.news-hotinfo .cont .title {
font-size: 26px;
margin-top: 30px;
margin-bottom: 25px;
}
.news-hotinfo .cont .h-line {
width: 60px;
margin-bottom: 25px;
}
.news-hotinfo .cont .column-txt {
position: relative;
font-size: 16px;
line-height: 26px;
margin-bottom: 20px;
}
.news-hot .thumbnail .caption .title {
height: 50px;
line-height: 50px;
color: #FFF;
font-size: 14px;
padding: 0 15px;
}
.news-hot .thumbnail .caption .title .icon-j {
width: 26px;
height: 26px;
right: 15px;
margin-top: -13px;
}
.news-hot .swiper-button-next,
.news-hot .swiper-button-prev {
width: 40px;
height: 40px;
margin-top: -20px;
line-height: 40px;
}
.news-hot .swiper-button-next {
right: -55px;
}
.news-hot .swiper-button-prev {
left: -55px;
}
.news-list .list-group-item {
padding: 25px 25px;
font-size: 18px;
}
.news-dxrw .thumbnail.sy1 {
margin-bottom: 20px;
}
.news-dxrw .thumbnail.sy1 .caption .name {
font-size: 20px;
padding: 20px 15px;
}
.news-dxrw .thumbnail.sy1 .caption .cont {
padding: 20px 15px;
font-size: 14px;
height: 60px;
line-height: 20px;
}
.news-dxrw .thumbnail.sy2 .caption {
padding: 20px 15px 20px 15px;
}
.news-dxrw .thumbnail.sy2 .caption .name {
font-size: 20px;
margin-bottom: 20px;
}
.news-dxrw .thumbnail.sy2 .caption .title {
font-size: 14px;
height: 105px;
}
.news-dxrw .thumbnail.sy2 .caption .time {
font-size: 14px;
}
.news-vedio-big {
padding-bottom: 40px;
}
.news-vedio-big::after {
height: 500px;
top: 20px;
left: -20px;
}
.news-vedio-swiper {
padding: 40px 0;
}
#newsVidioSwiper {
padding: 50px 0;
}
#newsVidioSwiper .swiper-slide {
width: 640px;
height: 420px;
border-radius: 8px;
}
#newsVidioSwiper .btnbox {
width: 1200px;
left: 50%;
margin-left: -600px;
top: 40px;
height: 420px;
/*background:url("@{imgurl}news/video-bg.png") no-repeat 0 125px;
background-size:140px auto;*/
}
#newsVidioSwiper .btnbox .swiper-button-prev,
#newsVidioSwiper .btnbox .swiper-button-next {
width: 55px;
height: 55px;
font-size: 18px;
line-height: 55px;
border-radius: 55px;
}
#newsVidioSwiper .btnbox .swiper-button-prev {
left: 85px;
top: 190px;
}
#newsVidioSwiper .btnbox .swiper-button-next {
left: 85px;
top: 280px;
}
#newsVidioSwiper .btnbox .swiper-pagination {
font-size: 32px;
width: 90px;
height: 90px;
}
#newsVidioSwiper .btnbox .swiper-pagination .swiper-pagination-current {
line-height: 32px;
}
#newsVidioSwiper .btnbox .swiper-pagination .swiper-pagination-total {
right: 0;
bottom: 0;
line-height: 32px;
}
.news-magazine {
width: 1230px;
}
.news-magazine .view {
width: 1020px;
float: left;
}
.news-magazine .view .swiper-container {
width: 900px;
height: 1275px;
}
.news-magazine .imgbig {
background: url("../images/news/dzzz-b-bg.png") no-repeat;
background-position: right 20px;
background-size: 860px auto;
margin-bottom: 20px;
}
.news-magazine .imgbig img {
width: 870px;
height: 1150px;
}
.news-magazine .info {
width: 870px;
}
.news-magazine .info .w2 {
width: 50%;
float: left;
}
.news-magazine .info .name {
font-size: 36px;
line-height: 38px;
}
.news-magazine .info .btnbox {
padding-top: 0;
}
.news-magazine .info .btnbox .btn {
margin-left: 5px;
padding-left: 15px;
padding-right: 15px;
}
.news-magazine .preview {
padding: 75px 0;
width: 180px;
}
.news-magazine .preview .swiper-container {
width: 180px;
height: 1000px;
}
.news-magazine .preview .swiper-slide {
width: 180px;
height: 255px;
}
.news-magazine .preview .swiper-slide img {
width: 180px;
height: 235px;
}
.news-magazine .preview .arrow-left {
top: 10px;
margin-left: -25px;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px;
}
.news-magazine .preview .arrow-right {
bottom: 10px;
margin-left: -25px;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px;
}
}
@media (max-width: 767px) {
.news-hotinfo {
margin-bottom: 25px;
}
.news-hotinfo .imgbox {
width: 100%;
height: auto;
overflow: hidden;
}
.news-hotinfo .imgbox img {
width: 100%;
height: auto;
}
.news-hotinfo .cont {
padding: 15px;
}
.news-hotinfo .cont .title {
font-size: 18px;
margin-top: 0;
margin-bottom: 15px;
}
.news-hotinfo .cont .h-line {
width: 60px;
margin-bottom: 15px;
}
.news-hotinfo .cont .column-txt {
position: relative;
font-size: 14px;
line-height: 21px;
margin-bottom: 20px;
}
.news-hot {
margin-top: 25px;
}
.news-hot .thumbnail .caption .title {
height: 50px;
line-height: 50px;
color: #FFF;
font-size: 14px;
padding: 0 15px;
}
.news-hot .thumbnail .caption .title .icon-j {
width: 26px;
height: 26px;
right: 15px;
margin-top: -13px;
}
.news-hot .swiper-button-next,
.news-hot .swiper-button-prev {
width: 40px;
height: 40px;
margin-top: -40px;
line-height: 40px;
}
.news-hot .swiper-button-next {
right: 10px;
}
.news-hot .swiper-button-prev {
left: 10px;
}
.news-list .list-group-item {
padding: 15px;
font-size: 14px;
}
.news-list .list-group-item>.badge {
font-size: 14px;
}
.news-dxrw .thumbnail.sy1 {
margin-bottom: 20px;
}
.news-dxrw .thumbnail.sy1 .caption .name {
font-size: 16px;
padding: 15px 15px;
}
.news-dxrw .thumbnail.sy1 .caption .cont {
padding: 15px 15px;
font-size: 14px;
height: 50px;
line-height: 20px;
}
.news-dxrw .thumbnail.sy2 .caption {
padding: 20px 15px 20px 15px;
}
.news-dxrw .thumbnail.sy2 .caption .name {
font-size: 16px;
margin-bottom: 15px;
}
.news-dxrw .thumbnail.sy2 .caption .title {
font-size: 14px;
height: auto;
margin-bottom: 15px;
}
.news-dxrw .thumbnail.sy2 .caption .time {
font-size: 14px;
}
.news-vedio-te::after {
background: none;
}
.news-vedio-big {
padding-bottom: 0;
}
.news-vedio-big::after {
height: 100%;
top: 20px;
left: -20px;
}
.news-vedio-big .v-box .title {
height: 100px;
width: 100%;
margin-top: -50px;
}
.news-vedio-big .v-box .title .u-icon-play {
height: 50px;
width: 50px;
background-size: 100% 100%;
}
.news-vedio-big .v-box .title .name {
font-size: 16px;
margin-top: 15px;
}
.news-vedio-swiper {
padding: 40px 0;
}
#newsVidioSwiper {
padding: 20px 0;
}
#newsVidioSwiper .swiper-slide {
width: 100%;
height: auto;
border-radius: 8px;
}
#newsVidioSwiper .swiper-slide .v-box {
position: relative;
display: block;
z-index: 2;
}
#newsVidioSwiper .swiper-slide .v-box .title {
height: 100px;
margin-top: -50px;
}
#newsVidioSwiper .swiper-slide .v-box .title .u-icon-play {
height: 50px;
width: 50px;
background-size: 100% 100%;
margin-bottom: 10px;
}
#newsVidioSwiper .swiper-slide .v-box .title .txt {
font-size: 14px;
margin-bottom: 10px;
}
#newsVidioSwiper .swiper-slide .v-box img {
width: 100%;
}
#newsVidioSwiper .swiper-slide .name {
font-size: 16px;
}
#newsVidioSwiper .btnbox {
width: 100%;
left: 0;
margin-left: 0;
top: 40px;
height: auto;
/*
background:url("@{imgurl}news/video-bg.png") no-repeat 0 125px;
background-size:140px auto;*/
}
#newsVidioSwiper .btnbox .swiper-button-prev,
#newsVidioSwiper .btnbox .swiper-button-next {
width: 35px;
height: 35px;
font-size: 16px;
line-height: 35px;
border-radius: 35px;
}
#newsVidioSwiper .btnbox .swiper-button-prev {
left: 20px;
top: 100px;
}
#newsVidioSwiper .btnbox .swiper-button-next {
left: 20px;
top: 150px;
}
#newsVidioSwiper .btnbox .swiper-pagination {
top: 20px;
left: 20px;
font-size: 16px;
width: 40px;
height: 40px;
background-size: 100% 100%;
}
#newsVidioSwiper .btnbox .swiper-pagination .swiper-pagination-current {
line-height: 20px;
}
#newsVidioSwiper .btnbox .swiper-pagination .swiper-pagination-total {
right: 0;
bottom: 0;
line-height: 20px;
}
.m-news-magazine {
width: 100%;
}
.m-news-magazine .m-view {
width: 100%;
margin-bottom: 20px;
}
.m-news-magazine .imgbig {
margin-bottom: 10px;
}
.m-news-magazine .imgbig img {
width: 100%;
}
.m-news-magazine .info .w2 {
margin-bottom: 10px;
}
.m-news-magazine .info .name {
font-size: 16px;
line-height: 28px;
}
.m-news-magazine .info .btnbox {
padding-top: 0;
}
.m-news-magazine .info .btnbox .btn {
margin-left: 10px;
padding-left: 20px;
padding-right: 20px;
}
.m-news-magazine .m-preview {
width: 100%;
position: relative;
padding: 0 50px;
}
.m-news-magazine .m-preview .swiper-slide {
width: 100%;
}
.m-news-magazine .m-preview .swiper-slide img {
width: 100%;
}
.m-news-magazine .m-preview .arrow-left {
background: #FFF;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 16px;
text-align: center;
z-index: 10;
}
.m-news-magazine .m-preview .arrow-left:hover {
color: #FFF;
background: #0065b2;
}
.m-news-magazine .m-preview .arrow-right {
background: #FFF;
border-radius: 50%;
position: absolute;
right: 0;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 16px;
text-align: center;
z-index: 10;
}
.m-news-magazine .m-preview .arrow-right:hover {
color: #FFF;
background: #0065b2;
}
.m-news-magazine .m-preview img {
padding: 1px;
border: 2px solid transparent;
}
.m-news-magazine .m-preview .active-nav img {
border: 2px solid #FFF;
}
}
.u-column-news-detail .news-detail .title {
font-size: 36px;
margin-bottom: 20px;
line-height: 72px;
}
.u-column-news-detail .news-detail .time {
font-size: 18px;
margin-bottom: 45px;
height: 30px;
line-height: 30px;
}
.u-column-news-detail .news-detail .time .icon-t {
width: 20px;
height: 20px;
background: url("../images/news-icon-time.png") no-repeat left center;
margin-right: 10px;
margin-top: -5px;
vertical-align: middle;
}
.u-column-news-detail .news-detail .cont .column-txt {
font-size: 18px;
line-height: 36px;
overflow: hidden;
text-align: justify;
text-justify: inter-ideograph;
clear: both;
padding-bottom: 20px;
word-wrap: break-word;
margin-top: -26px;
}
.u-column-news-detail .news-detail .cont .column-txt h2 {
font-size: 18px;
}
.u-column-news-detail .news-detail .cont .column-txt p {
font-size: 18px;
margin: 26px 0;
}
.u-column-news-detail .news-detail .cont .column-txt a {
text-decoration: underline;
}
.u-column-news-detail .news-detail .cont .column-txt table td p {
text-indent: 0;
font-size: 16px;
margin: 0;
}
.u-column-news-detail .news-detail .cont .column-txt table td img {
border: none;
margin: 5px;
}
.u-column-news-detail .news-detail .cont .column-txt table th p {
text-indent: 0;
font-size: 16px;
margin: 0;
}
.u-column-news-detail .news-detail .right-tool {
font-size: 18px;
}
.u-column-news-detail .news-detail .right-tool .email {
margin-bottom: 15px;
background: rgba(255, 255, 255, 0.2);
padding: 20px 20px;
}
.u-column-news-detail .news-detail .right-tool .email a {
color: #FFF;
font-size: 14px;
}
.u-column-news-detail .news-detail .right-tool .email .iconfont.icon-email {
width: 22px;
height: 18px;
background: url("../images/news-icon-email.png") no-repeat center center;
}
.u-column-news-detail .news-detail .right-tool .share {
margin-bottom: 15px;
background: rgba(255, 255, 255, 0.2);
padding: 0 20px;
}
.u-column-news-detail .news-detail .right-tool .share .bdsharebuttonbox {
height: 75px;
display: flex;
align-items: center;
}
.u-column-news-detail .news-detail .right-tool .share .bdsharebuttonbox .share-title {
font-size: 16px;
color: #fff;
margin-bottom: 0;
}
.u-column-news-detail .news-detail .right-tool .share .bdsharebuttonbox .platformIcon {
margin: 0 10px;
}
.u-column-news-detail .news-detail .right-tool .baidushare .share-icon {
float: left;
height: 45px;
line-height: 45px;
color: #999;
font-size: 14px;
overflow: hidden;
}
.u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_weixin,
.u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_sqq,
.u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_qzone,
.u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_tsina,
.u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_more {
display: block;
float: left;
width: 45px;
height: 45px;
text-align: center;
padding: 0;
margin: 0;
margin-right: 20px;
}
.u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox img {
display: inline-block;
width: 100%;
}
.u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_sqq {
background: url("../images/news/share-1.png") no-repeat center center !important;
background-size: 100% auto !important;
}
.u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_qzone {
background: url("../images/news/share-2.png") no-repeat center center !important;
background-size: 100% auto !important;
}
.u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_tsina {
background: url("../images/news/share-3.png") no-repeat center center !important;
background-size: 100% auto !important;
}
.u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_weixin {
background: url("../images/news/share-4.png") no-repeat center center !important;
background-size: 100% auto !important;
}
.u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_more {
background: url("../images/news/share-5.png") no-repeat center center !important;
background-size: 100% auto !important;
}
.u-column-news-detail .news-detail .right-tool .npre {
background: rgba(255, 255, 255, 0.2);
}
.u-column-news-detail .news-detail .right-tool .npre ul {
padding: 0;
margin: 0;
}
.u-column-news-detail .news-detail .right-tool .npre li {
padding: 20px 20px;
list-style: none;
font-size: 16px;
}
.u-column-news-detail .news-detail .right-tool .npre li strong {
font-weight: normal;
}
.u-column-news-detail .news-detail .right-tool .npre li.previous {
border-bottom: 1px solid #FFF;
}
.u-column-news-detail .news-detail .right-tool .npre li a {
color: #FFF;
}
@media (max-width: 1600px) {
.share .bdsharebuttonbox {
height: 75px;
}
.baidushare .share-icon {
height: 35px !important;
line-height: 35px !important;
}
.baidushare .bdsharebuttonbox .bds_weixin,
.baidushare .bdsharebuttonbox .bds_sqq,
.baidushare .bdsharebuttonbox .bds_qzone,
.baidushare .bdsharebuttonbox .bds_tsina,
.baidushare .bdsharebuttonbox .bds_more {
width: 35px !important;
height: 35px !important;
margin-right: 20px !important;
}
}
@media (max-width: 767px) {
.share .bdsharebuttonbox {
height: 30px !important;
}
.baidushare .share-icon {
height: 30px !important;
line-height: 30px !important;
}
.baidushare .bdsharebuttonbox .bds_weixin,
.baidushare .bdsharebuttonbox .bds_sqq,
.baidushare .bdsharebuttonbox .bds_qzone,
.baidushare .bdsharebuttonbox .bds_tsina,
.baidushare .bdsharebuttonbox .bds_more {
width: 30px !important;
height: 30px !important;
margin-right: 20px !important;
}
.u-column-news-detail .news-detail .title {
font-size: 26px;
margin-bottom: 15px;
line-height: 32px;
}
.u-column-news-detail .news-detail .time {
font-size: 12px;
margin-bottom: 15px;
height: 30px;
line-height: 30px;
}
.u-column-news-detail .news-detail .time .icon-t {
width: 13px;
height: 13px;
background-size: 13px auto;
margin-top: -2px;
}
.u-column-news-detail .news-detail .cont .column-txt {
font-size: 14px;
line-height: 21px;
padding-bottom: 20px;
margin-top: -15px;
}
.u-column-news-detail .news-detail .cont .column-txt h2 {
font-size: 18px;
}
.u-column-news-detail .news-detail .cont .column-txt p {
font-size: 14px;
margin: 15px 0;
}
.u-column-news-detail .news-detail .cont .column-txt table td p {
text-indent: 0;
font-size: 14px;
margin: 0;
}
.u-column-news-detail .news-detail .cont .column-txt table td img {
border: none;
margin: 5px;
}
.u-column-news-detail .news-detail .cont .column-txt table th p {
text-indent: 0;
font-size: 14px;
margin: 0;
}
.u-column-news-detail .news-detail .right-tool {
font-size: 14px;
}
.u-column-news-detail .news-detail .right-tool .email {
margin-bottom: 15px;
padding: 15px 15px;
}
.u-column-news-detail .news-detail .right-tool .email a {
font-size: 14px;
}
.u-column-news-detail .news-detail .right-tool .email .iconfont.icon-email {
width: 22px;
height: 18px;
}
.u-column-news-detail .news-detail .right-tool .share {
margin-bottom: 15px;
padding: 15px 15px;
}
.u-column-news-detail .news-detail .right-tool .npre li {
padding: 15px 15px;
font-size: 14px;
}
}
.pro-detail .nav-tabs {
margin-bottom: 20px;
color: #343434;
border-bottom: none;
}
.pro-detail .nav-tabs>li {
width: 50%;
margin-right: 0;
padding: 0;
height: 65px;
border: 1px solid #e8e8e8;
margin-left: -1px;
}
.pro-detail .nav-tabs>li>a {
position: relative;
display: block;
text-align: center;
color: #343434;
border: none;
background: none;
font-size: 18px;
padding: 15px 0;
}
.pro-detail .nav-tabs>li>a:hover,
.pro-detail .nav-tabs>li>a:focus {
text-decoration: none;
background-color: none;
color: #343434;
}
.pro-detail .nav-tabs>li>a .t {
height: 30px;
line-height: 30px;
display: inline-block;
vertical-align: top;
}
.pro-detail .nav-tabs>li>a .iconfont {
width: 30px;
height: 30px;
background-position: center center;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: top;
}
.pro-detail .nav-tabs>li>a .iconfont.icon-1 {
background-image: url('../images/subsidiary/tab-1.png');
}
.pro-detail .nav-tabs>li>a .iconfont.icon-2 {
background-image: url('../images/subsidiary/tab-2.png');
}
.pro-detail .nav-tabs>li.active {
background: url('../images/subsidiary/tab-bg.png') no-repeat 0 0;
background-image: linear-gradient(90deg, #43c866 0%, #3397fb 100%), linear-gradient(#8eb7ef, #8eb7ef);
background-blend-mode: normal, normal;
}
.pro-detail .nav-tabs>li.active a {
border: none;
background: none;
color: #FFF;
}
.pro-detail .nav-tabs>li.active .txt {
display: block;
}
.pro-detail .nav-tabs>li.active .iconfont.icon-1 {
background-image: url('../images/subsidiary/tab-1-hover.png');
}
.pro-detail .nav-tabs>li.active .iconfont.icon-2 {
background-image: url('../images/subsidiary/tab-2-hover.png');
}
.pro-detail .nav-tabs>li.last {
margin-right: 0;
}
.pro-hydw {
background: url('../images/subsidiary/detail-hydw.png') no-repeat center top;
padding: 80px 150px 20px 150px;
min-height: 330px;
}
.pro-hydw .cont {
font-size: 16px;
line-height: 28px;
text-align: center;
color: #FFF;
border-top: 1px solid #ccc;
padding-top: 25px;
}
.pro-jsys {
min-height: 330px;
}
.pro-jsys .cont {
font-size: 16px;
line-height: 28px;
color: #333;
}
.pro-info {
margin-bottom: 50px;
border: 1px solid #eee;
color: #868686;
}
.pro-info .i-left {
width: 446px;
float: left;
position: relative;
}
.pro-info .i-right {
border-left: 1px solid #eee;
padding: 30px;
float: left;
width: 580px;
}
.pro-info .title {
font-size: 20px;
color: #000;
margin-bottom: 20px;
}
.pro-info .desc {
font-size: 16px;
margin-bottom: 25px;
line-height: 26px;
}
.pro-info .channeng {
font-size: 16px;
line-height: 26px;
}
.pro-info .channeng ul {
padding-left: 20px;
}
.pro-info .swiper-slide img {
width: 100%;
}
.pro-info .swiper-pagination {
padding-top: 25px;
text-align: center;
width: 100%;
}
.pro-info .swiper-pagination-bullet {
width: 12px;
height: 12px;
opacity: 1;
background: #e8c5ab;
margin: 0 5px;
}
.pro-info .swiper-pagination-bullet-active {
background: #43c866;
background-image: linear-gradient(125deg, #43c866 0%, #3397fb 100%), linear-gradient(#5cc85f, #5cc85f);
background-blend-mode: normal, normal;
}
@media (max-width: 1600px) {
.pro-hydw {
background-size: 100% auto;
padding: 50px 90px 10px 90px;
min-height: 270px;
}
.pro-hydw .cont {
font-size: 14px;
line-height: 24px;
padding-top: 20px;
}
.pro-jsys .cont {
font-size: 14px;
line-height: 26px;
}
.pro-info {
margin-bottom: 50px;
}
.pro-info .i-left {
width: 400px;
}
.pro-info .i-right {
padding: 20px;
width: 490px;
}
.pro-info .title {
font-size: 16px;
color: #000;
margin-bottom: 15px;
}
.pro-info .desc {
font-size: 14px;
margin-bottom: 20px;
line-height: 22px;
}
.pro-info .channeng {
font-size: 14px;
line-height: 22px;
}
}
@media (max-width: 767px) {
.pro-detail .nav-tabs {
margin-bottom: 20px;
border-bottom: none;
}
.pro-detail .nav-tabs>li {
height: 55px;
margin-left: -1px;
}
.pro-detail .nav-tabs>li>a {
font-size: 15px;
padding: 10px 0;
}
.pro-detail .nav-tabs>li>a .t {
height: 30px;
line-height: 30px;
}
.pro-detail .nav-tabs>li>a .iconfont {
width: 30px;
height: 30px;
margin-right: 10px;
}
.pro-hydw {
background: url('../images/subsidiary/detail-hydw.png') no-repeat center top;
padding: 15px;
min-height: auto;
}
.pro-hydw .cont {
font-size: 12px;
line-height: 21px;
padding-top: 0;
border: none;
}
.pro-jsys {
min-height: auto;
}
.pro-jsys .cont {
font-size: 12px;
line-height: 21px;
}
.pro-info {
margin-bottom: 30px;
border: none;
}
.pro-info .i-left {
width: 100%;
float: none;
position: relative;
padding-bottom: 50px;
}
.pro-info .i-right {
border-left: none;
padding: 0;
float: none;
width: auto;
}
.pro-info .title {
font-size: 16px;
margin-bottom: 15px;
}
.pro-info .desc {
font-size: 12px;
margin-bottom: 15px;
line-height: 21px;
}
.pro-info .channeng {
font-size: 12px;
line-height: 21px;
}
.pro-info .channeng ul {
padding-left: 16px;
}
.pro-info .swiper-slide img {
width: 100%;
}
.pro-info .swiper-pagination {
padding-top: 15px;
}
.pro-info .swiper-pagination-bullet {
width: 12px;
height: 12px;
margin: 0 5px;
}
}
.carousel-inner .item {
position: relative;
}
.xiangxia {
position: absolute;
z-index: 22;
width: 100%;
text-align: center;
bottom: 2%;
}
.xiangxia a {
display: inline-block;
width: 1rem;
height: 1rem;
text-align: center;
border-radius: 50%;
}
.xiangxia a i {
display: inline-block;
font-size: 1rem;
color: white;
animation: run1 2s linear infinite;
}
@keyframes run1 {
0% {
transform: translateY(-6px);
}
50% {
transform: translateY(6px);
}
100% {
transform: translateY(-6px);
}
}
.xiugai_index {
position: absolute;
z-index: 2;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: center;
color: #fff;
text-shadow: 2px 2px 2px #000000;
}
.xiugai_index h3 {
font-size: 40px;
line-height: 2;
}
.xiugai_index h5 {
font-size: 30px;
text-transform: uppercase;
display: none;
}
/**********脙茠脗陇脙鈥毭偮好冣€毭偮兤捗偮ッ兟⒚⑩€毬呪€溍冣€毭偮伱兤捗偮┟冣€犆⑩偓鈩⒚冣€毭偮兤捗偮ッ冣€姑⑩偓聽脙垄芒鈥毬偮�***************/
.pro_bg {
padding: 2% 0px 2%;
}
.in_jcfw_tit {
padding: 2% 0 2%;
display: block;
position: relative;
text-align: center;
}
.in-jcfw_ywzk {
font-size: 0.7rem;
color: #333;
font-weight: bold;
line-height: 2;
}
.in_jcdf_wzkd {
font-size: 0.35rem;
color: #7d7070;
}
.pro_list .swiper-slide .pro_box {
box-shadow: 4px 4px 4px rgba(153, 153, 153, 0.61);
margin: 6px;
}
.pro_list .img-wrap {
width: 100%;
text-align: center;
overflow: hidden;
}
.pro_list .img-wrap img {
width: 100%;
transition: all 0.3s;
}
.pro_list .swiper-slide:hover .img-wrap img {
transform: scale(1.1);
}
.pro_list .img-wrap .video-btn {
position: absolute;
background: url(../images/video-btn1.png) no-repeat center;
width: 52px;
height: 52px;
margin-top: -26px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
transition-duration: .5s;
}
.pro_list .img-wrap .list3-txts {
height: 48px;
position: absolute;
transform: translate(-50%, -50%);
transition-duration: .5s;
text-align: center;
left: 50%;
top: 50%;
width: 100%;
color: #fff;
z-index: 2;
}
.pro_list .img-wrap .cir-wrap {
opacity: 1;
transition-duration: .5s;
}
.pro_list .img-wrap .list3-ico1 {
width: 48px;
height: 48px;
position: relative;
margin: 0 auto;
}
.pro_list .img-wrap .list3-cir {
position: absolute;
display: block;
border-radius: 50%;
animation: cir-scale2 3s linear infinite;
}
.pro_list .img-wrap .list3-cir1 {
border: 1px solid #fff;
width: 100px;
height: 100px;
left: -26px;
top: -26px;
}
.pro_list .img-wrap .list3-cir2 {
border: 1px solid rgba(255, 255, 255, 0.2);
width: 120px;
height: 120px;
left: -40px;
top: -46px;
}
.pro_list .img-wrap .list3-cir3 {
border: 1px solid rgba(255, 255, 255, 0.2);
width: 200px;
height: 200px;
left: -76px;
top: -76px;
}
@keyframes cir-scale2 {
0% {
opacity: 0;
transform: scale(0.5);
}
50% {
opacity: 1;
transform: scale(1.2);
}
100% {
opacity: 0;
transform: scale(0.5);
}
}
.pro_list .img-wrap .txts-mains {
opacity: 0;
transition-duration: .5s;
}
.pro_list .img-wrap .list3-h5 {
font-size: 24px;
line-height: 40px;
padding: 36px 0 24px;
position: relative;
}
.pro_list .img-wrap .list3-h5:after {
position: absolute;
content: "";
display: block;
width: 24px;
height: 1px;
box-sizing: border-box;
border: 1px solid #fff;
top: 18px;
left: 50%;
margin-left: -12px;
}
.pro_list .img-wrap .list3-a {
color: #fff;
display: block;
font-size: 14px;
line-height: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
transition-duration: .3s;
}
.pro_list .img-wrap .list3-a:hover {
transform: translate(-6px, 0);
}
.pro_list .img-wrap .to-detail {
width: 90px;
margin: 0 auto 14px;
}
.pro_list .img-wrap .to-more {
width: 85px;
margin: 0 auto;
}
.pro_list .img-wrap:hover .cir-wrap {
opacity: 0;
}
.pro_list .img-wrap:hover .list3-txts {
height: 204px;
}
.pro_list .img-wrap:hover .txts-mains {
opacity: 1;
}
.pro_list .pro-name {
width: 100%;
background: #fff;
text-align: center;
font-size: 20px;
line-height: 3;
color: #333;
}
@media only screen and (max-width: 767px) {
.pro_list .swiper-slide .pro_box {
box-shadow: 4px 4px 4px rgba(153, 153, 153, 0.61);
margin: 4px;
}
.pro_list .img-wrap .list3-ico1 {
display: none;
}
.pro_list .img-wrap .txts-mains {
opacity: 1;
}
.pro_list .img-wrap .list3-h5 {
font-size: 16px;
line-height: 40px;
padding: 0px 0 24px;
}
.pro_list .img-wrap .list3-h5:after {
display: none;
}
}
/**********脙楼脗潞芒鈧⒚兟┟嗏€櫭偮�***************/
footer {
background: #333;
position: relative;
z-index: 3;
}
footer .footer-top {
padding: 3.5% 0 2%;
}
footer .footer-top .container {
max-width: 1200px;
}
footer .footer-top .f-logo-box .text {
line-height: 2;
font-size: 0.4rem;
color: #fff;
font-weight: bold;
padding-bottom: 0.5rem;
border-bottom: 1px solid #454545;
}
.footer-top {
border-bottom: 1px solid #484848;
}
.f-nav-box {
margin: 5% 0 0;
overflow: hidden;
}
.footer-top .f-nav {}
.footer-top .f-nav .fl {
width: 40%;
}
.footer-top .f-nav li {
float: left;
width: 50%;
}
.footer-top .f-nav a {
display: block;
}
.footer-top .f-nav li a {
font-size: 0.35rem;
color: #adadad;
line-height: 0.8rem;
transition: all .3s linear;
}
.footer-top .f-nav li .tit {
font-size: 0.4rem;
color: #fff;
margin-bottom: 0.5rem;
display: inline-block;
font-weight: bold;
}
.footer-top .f-nav li a:hover {
color: #fff;
}
.f_con {
width: 115px;
float: left;
}
.f_con dt {
color: #f1f2f2;
line-height: 0.75rem;
margin-bottom: 0.5rem;
}
.f_con dt a {
color: #f1f2f2;
font-size: 0.4rem;
}
.f_con dt img {
margin-right: 13px;
}
.f_con dd {
margin-left: 5px;
}
.f_con dd a {
display: block;
float: left;
font-size: 0.35rem;
width: 2.5rem;
height: 0.8rem;
line-height: 0.8rem;
text-align: center;
color: #adadad;
border: 1px solid #3f4347;
border-radius: 5px;
margin-top: 7px;
margin-right: 20px;
}
.f_con dd a:hover {
background: #0964a1;
border: 1px solid #0964a1;
color: #fff;
}
.lixi {
float: right;
}
.lixi a {
color: #fff;
font-size: 0.4rem;
/* margin-bottom: 8px; */
line-height: 30px;
font-weight: bold;
margin-bottom: 0.5rem;
}
.footer-right-address {
font-size: 0.35rem;
line-height: 0.8rem;
color: #b2b6c0;
}
.footer-right-address .footer-company,
.footer-right-address .work-h5,
.footer-right-address .ser-line {
color: #adadad;
margin-bottom: 0.2rem;
}
.footer-right-address .footer-add-h5 {
padding-left: 15px;
color: #ff7600;
margin-top: 0.7rem;
background: url(../images/add2.png) no-repeat left center;
}
.footer-add-detail p {
color: #adadad;
}
.footer-right-address .ser-line {
color: #fff;
}
.lixi a.kk {
display: block;
float: left;
padding: 0px 8px;
height: 32px;
font-size: 0.35rem;
line-height: 32px;
text-align: center;
color: #fff;
background: #0964a1;
border: 1px solid #3f4347;
border-radius: 5px;
margin-top: 27px;
margin-right: 20px;
}
.lixi a.kk:hover {
background: rgba(9, 100, 161, 0);
border: 1px solid #0964a1;
color: #f1f2f2;
}
.footer-top .qrcode-box {
text-align: center;
width: 135px;
}
.footer-top .qrcode-box .qrcode {
width: 96px;
height: 96px;
margin: 0 auto;
}
.footer-top .qrcode-box img {
width: 100%;
height: 100%;
}
.footer-top .qrcode-box .text {
font-size: 0.35rem;
color: #6b6b6b;
line-height: 24px;
margin: 15px 0 0;
}
.footer-bottom {
padding: 0.75rem 0;
overflow: hidden;
}
.footer-bottom .copy,
.footer-bottom .copy a,
.footer-bottom .beian,
.footer-bottom .beian a {
font-size: 0.35rem;
color: #6b6b6b;
transition: all .3s linear;
}
.footer-bottom .beian {
margin-right: 20px;
}
.footer-bottom .copy a:hover {
color: #fff;
}
.foot {
width: 100%;
overflow: hidden;
background: #2d2e30;
padding-top: 90px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.bpic {
margin-bottom: 60px;
}
.bcon {
font-size: 16px;
color: #fff;
margin-bottom: 10px;
}
.bcon_de {
font-size: 14px;
color: #cbc9c9;
margin-bottom: 25px;
}
.lf_fl form input[type=text] {
width: 180px;
height: 35px;
line-height: 35px;
padding-left: 8px;
border: none;
}
.lf_fl form input[type=submit] {
width: 65px;
height: 35px;
line-height: 35px;
padding: 0;
border: none;
color: #fff;
text-align: center;
margin: 0;
background: #015d9e;
}
.search-box form .text::-webkit-input-placeholder {
color: #cbc9c9;
}
.search-box form .text:-moz-placeholder {
color: #cbc9c9;
}
.search-box form .text::-moz-placeholder {
color: #cbc9c9;
}
.search-box form .text:-ms-input-placeholder {
color: #cbc9c9;
}
.lf_fl {
float: left;
}
.lf_fr {
float: left;
}
.btitle {
font-size: 17px;
color: #fff;
}
.bline {
width: 55px;
border-top: 1px solid rgba(255, 255, 255, 0.3);
margin-bottom: 15px;
margin-top: 10px;
}
.blist ul li a {
font-size: 14px;
color: #cbc9c9;
display: inline-block;
height: 30px;
line-height: 30px;
}
.blist {
margin-left: 65px;
float: left;
}
.left_foot {
float: left;
}
.right_foot {
float: right;
padding-left: 75px;
border-left: 1px solid rgba(255, 255, 255, 0.3);
padding-bottom: 45px;
}
.right_foot img {
margin-left: 10px;
margin-bottom: 10px;
}
.right_foot img:first-child {
margin-left: 0;
}
.right_foot div {
font-size: 14px;
color: #cbc9c9;
margin-bottom: 13px;
}
.copy {
width: 100%;
height: 113px;
line-height: 113px;
background: #2d2e30;
}
.copy a {
font-size: 14px;
color: #cbc9c9;
margin-right: 10px;
}
.left_copy {
float: left;
}
.right_copy {
float: right;
line-height: initial;
}
.right_copy select {
width: 245px;
height: 36px;
/*Chrome氓鈥櫯扚irefox茅鈥∨捗┞澛⒚♀€灻韭姑β♀€犆λ溌ぢ嘎嵜ぢ糕偓忙聽路莽拧鈥灻寂捗︹€扳偓盲禄楼氓陇聧氓鈥犫劉盲潞鈥犆ぢ糕偓盲赂鈥�*/
border: solid 1px #000;
/*氓戮藛氓鈥β趁┾€澛寂∶ヂ扳€犆┞凰溍っ♀€瀞elect茅鈧€懊︹€孤┟β♀€犆β犅访ヂ悸徝β糕€γ┾劉陇*/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
/*氓艙篓茅鈧€懊︹€孤┟β♀€犆♀€灻ε撯偓氓聫鲁盲戮搂盲赂颅茅鈥斅疵λ溌久ぢ好ヂ奥徝ヂぢ疵モ€郝久р€扳€�*/
background: url("../images/option_03.jpg") no-repeat scroll right 0.03rem transparent;
background-size: 38px 36px;
background-color: #404447;
/*盲赂潞盲赂鈥姑︹€光€懊ヂ奥徝ヂぢ疵р€⑩劉氓鈥÷好ぢ糕偓莽鈥毬姑ぢ铰嵜铰寂捗┞伮棵モ€β嵜⒙︹€撯€∶ヂ€斆︹€犆р€衡€�*/
padding-right: 0.14rem;
margin-top: 38px;
outline: 0;
padding-left: 10px;
color: #666;
}
@media only screen and (max-width:767px) {
.footer-top .f-nav .fl {
width: 60%;
}
.footer-top .f-nav li .tit {
font-size: 0.5rem;
}
.f_con dt a {
font-size: 0.5rem;
}
.lixi a {
font-size: 0.5rem;
}
.footer-right-address {
font-size: 0.4rem;
}
.footer-right-address .footer-company,
.footer-right-address .work-h5,
.footer-right-address .ser-line {
color: #adadad;
margin-bottom: 0.1rem;
}
.footer-right-address .footer-add-h5 {
padding-left: 15px;
color: #ff7600;
margin-top: 0.1rem;
background: url(../images/add2.png) no-repeat left center;
}
.footer-add-detail p {
color: #adadad;
margin: 0 0 0px;
}
footer .footer-top .f-logo-box .text {
font-size: 0.5rem;
}
.footer-top .f-nav li a {
font-size: 0.4rem;
}
.f_con {
float: right;
}
.footer-top .f-nav .lixi {
float: left;
width: 100%;
}
.footer-top .qrcode-box {
text-align: center;
width: 35%;
}
.footer-bottom .copy,
.footer-bottom .beian {
width: 100%;
float: none;
}
.footer-bottom .copy,
.footer-bottom .copy a,
.footer-bottom .beian,
.footer-bottom .beian a {
text-align: center;
}
}
.list-compay-info-sec {
margin-bottom: 60px;
}
.list-compay-info-sec .u-img {
width: 465px;
float: left;
height: 310px;
}
.list-compay-info-sec .u-img img {
width: 465px;
height: 310px;
}
.list-compay-info-sec .u-info {
width: 470px;
float: left;
border: 1px solid #eee;
border-left: none;
padding: 25px 30px;
height: 310px;
}
.list-compay-info-sec .u-info .name {
font-size: 20px;
margin-bottom: 25px;
}
.list-compay-info-sec .u-info .cont {
font-size: 16px;
margin-bottom: 25px;
color: #868686;
line-height: 28px;
}
.list-compay-info-sec .u-contact {
border: 1px solid #eee;
border-top: none;
border-left: none;
width: 465px;
float: left;
height: 310px;
}
.list-compay-info-sec .u-contact .media {
margin-top: 0;
border-top: 1px solid #eee;
padding: 26px 30px;
}
.list-compay-info-sec .u-contact .media .media-body {
font-size: 18px;
}
.list-compay-info-thr {
margin-bottom: 60px;
}
.list-compay-info-thr .u-img {
width: 465px;
height: 150px;
float: left;
position: relative;
}
.list-compay-info-thr .u-img img {
width: 465px;
height: 150px;
}
.list-compay-info-thr .u-img .name {
height: 30px;
line-height: 30px;
text-align: center;
color: #FFF;
width: 100%;
position: absolute;
top: 50%;
margin-top: -15px;
left: 0;
}
.list-compay-info-thr .u-img .btnbox {
position: absolute;
height: 55px;
bottom: -28px;
left: 0;
text-align: center;
width: 100%;
}
.list-compay-info-thr .u-img .btnbox a {
color: #666;
box-shadow: 0px 0px 10px 0px rgba(217, 217, 217, 0.36);
height: 55px;
line-height: 40px;
}
.list-compay-info-thr .u-contact {
border: 1px solid #eee;
border-top: none;
border-left: none;
width: 935px;
float: left;
}
.list-compay-info-thr .u-contact .media {
float: left;
width: 50%;
margin-top: 0;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
padding: 24px 30px;
height: 75px;
}
.list-compay-info-thr .u-contact .media .media-body {
font-size: 18px;
}
.map-cytj .title {
font-size: 36px;
margin-bottom: 30px;
text-align: center;
}
.map-cytj .map {
position: relative;
z-index: 1;
border: 1px solid #eee;
}
.map-cytj .map img {
width: 100%;
}
.map-cytj .info {
position: relative;
z-index: 2;
padding-bottom: 100px;
margin-top: -14px;
}
.map-cytj .info .w {
width: 690px;
float: left;
}
.map-cytj .info .w img {
width: 690px;
}
.map-cytj .info .w.mr {
margin-right: 20px;
}
@media (max-width: 1600px) {
.navbar-fixed-slideS1 {
height: 800px;
}
.navbar-fixed-slideS1 .container-fluid {
width: 1230px;
}
.navbar-fixed-slideS1 .items {
height: 800px;
padding: 100px 100px 0 100px;
}
.navbar-fixed-slideS1 .items .icobox {
margin-bottom: 15px;
}
.navbar-fixed-slideS1 .items .icobox .u-icon {
width: 105px;
height: 105px;
}
.navbar-fixed-slideS1 .items .title {
font-size: 28px;
margin-bottom: 15px;
height: 50px;
}
.navbar-fixed-slideS1 .items .text {
font-size: 14px;
margin-bottom: 25px;
}
.navbar-fixed-slideS1 .items .ul-list {
margin-bottom: 20px;
}
.navbar-fixed-slideS1 .items .ul-list li {
padding: 8px 0;
}
#bg-ico1 {
width: 85%;
height: 85%;
position: absolute;
margin-left: -200px;
opacity: 0;
}
#bg-ico2 {
opacity: 0;
position: absolute;
top: 50%;
left: 57%;
margin-top: -290px;
margin-left: -670px;
width: 50%;
height: 50%;
}
#bg-ico3 {
display: none;
position: absolute;
right: -5%;
width: 43%;
top: 1%;
animation: show-business 1s;
transform: rotate(70deg);
opacity: 1;
}
.u-column-industry-ps {
padding: 50px 0 20px 0;
}
.navbar-fixed-tab .nav {
width: 1230px;
}
.navbar-fixed-tab .items {
padding: 40px 60px;
}
.navbar-fixed-tab .items .icobox {
margin-bottom: 15px;
}
.navbar-fixed-tab .items .icobox .u-icon {
width: 105px;
height: 105px;
}
.navbar-fixed-tab .items .title {
font-size: 28px;
margin-bottom: 15px;
}
.navbar-fixed-tab .items .text {
font-size: 14px;
height: 50px;
}
.industry-ps-alinks {
padding: 20px;
}
.industry-ps-alinks .ico {
height: 60px;
margin-bottom: 15px;
}
.industry-ps-alinks .ico img {
height: 60px;
}
.industry-ps-alinks .name {
font-size: 14px;
}
.industry-list-alinks {
padding: 20px 5px;
font-size: 14px;
}
.list-compay-info-sec {
margin-bottom: 50px;
}
.list-compay-info-sec .u-img {
width: 370px;
height: 246px;
}
.list-compay-info-sec .u-img img {
width: 370px;
height: 246px;
}
.list-compay-info-sec .u-info {
width: 415px;
padding: 20px 25px;
height: 246px;
}
.list-compay-info-sec .u-info .name {
font-size: 16px;
margin-bottom: 15px;
}
.list-compay-info-sec .u-info .cont {
font-size: 14px;
margin-bottom: 15px;
line-height: 24px;
}
.list-compay-info-sec .u-info .btnbox a {
height: 45px;
line-height: 30px;
font-size: 14px;
}
.list-compay-info-sec .u-contact {
width: 415px;
height: 246px;
}
.list-compay-info-sec .u-contact .media {
padding: 20px 15px;
}
.list-compay-info-sec .u-contact .media .media-body {
font-size: 16px;
}
.list-compay-info-thr {
margin-bottom: 50px;
}
.list-compay-info-thr .u-img {
width: 370px;
height: 120px;
}
.list-compay-info-thr .u-img img {
width: 370px;
height: 120px;
}
.list-compay-info-thr .u-img .name {
height: 30px;
line-height: 30px;
margin-top: -15px;
font-size: 14px;
}
.list-compay-info-thr .u-img .btnbox {
height: 45px;
bottom: -22px;
}
.list-compay-info-thr .u-img .btnbox a {
box-shadow: 0px 0px 10px 0px rgba(217, 217, 217, 0.36);
height: 45px;
line-height: 35px;
font-size: 14px;
}
.list-compay-info-thr .u-contact {
width: 830px;
}
.list-compay-info-thr .u-contact .media {
padding: 20px 15px;
height: 60px;
}
.list-compay-info-thr .u-contact .media .media-body {
font-size: 16px;
}
.map-cytj .title {
font-size: 28px;
margin-bottom: 30px;
}
.map-cytj .map img {
width: 100%;
}
.map-cytj .info {
padding-bottom: 100px;
margin-top: -12px;
}
.map-cytj .info .w {
width: 590px;
}
.map-cytj .info .w img {
width: 590px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.navbar-fixed-slideS1 {
position: relative;
overflow: hidden;
height: 500px;
background: url("../images/industry/bg1.jpg") no-repeat center bottom;
background-size: 100% auto;
}
.navbar-fixed-slideS1 .container-fluid {
width: 100%;
}
.navbar-fixed-slideS1 .items {
padding: 50px 25px 0 25px;
text-align: center;
border-right: 1px solid #e0e0e0;
height: 500px;
}
.navbar-fixed-slideS1 .items .icobox {
margin-bottom: 10px;
}
.navbar-fixed-slideS1 .items .icobox .u-icon {
width: 70px;
height: 70px;
background-position: center center;
background-size: 70px 70px;
}
.navbar-fixed-slideS1 .items .icobox .u-icon.u-icon-1 {
background-image: url("../images/industry/ico-1.png");
}
.navbar-fixed-slideS1 .items .icobox .u-icon.u-icon-2 {
background-image: url("../images/industry/ico-2.png");
}
.navbar-fixed-slideS1 .items .icobox .u-icon.u-icon-3 {
background-image: url("../images/industry/ico-3.png");
}
.navbar-fixed-slideS1 .items.last {
border: none;
}
.navbar-fixed-slideS1 .items .title {
font-size: 26px;
line-height: 1;
height: auto;
text-align: center;
margin-bottom: 10px;
}
.navbar-fixed-slideS1 .items .text {
font-size: 14px;
margin-bottom: 15px;
height: auto;
min-height: 40px;
}
.navbar-fixed-slideS1 .items .ul-list {
margin-bottom: 10px;
display: none;
}
.navbar-fixed-slideS1 .items .ul-list li {
padding: 5px 0;
border-top: 1px #FFF solid;
}
.navbar-fixed-slideS1 .items .ul-list li a {
text-decoration: none;
color: #fff;
}
.navbar-fixed-slideS1 .items.active {
background-image: linear-gradient(rgba(0, 192, 255, 0.8), rgba(47, 249, 117, 0.5));
color: #fff;
}
.navbar-fixed-slideS1 .items.active .icobox {
margin-bottom: 15px;
}
.navbar-fixed-slideS1 .items.active .icobox .u-icon {
background-position: center center;
}
.navbar-fixed-slideS1 .items.active .icobox .u-icon.u-icon-1 {
background-image: url("../images/industry/ico-1-hover.png");
}
.navbar-fixed-slideS1 .items.active .icobox .u-icon.u-icon-2 {
background-image: url("../images/industry/ico-2-hover.png");
}
.navbar-fixed-slideS1 .items.active .icobox .u-icon.u-icon-3 {
background-image: url("../images/industry/ico-3-hover.png");
}
.navbar-fixed-slideS1 .items.active .btn {
color: #FFF;
border-color: #FFF;
}
.navbar-fixed-slideS1 #bg-ico1 {
width: 85%;
height: 85%;
position: absolute;
margin-left: -200px;
opacity: 0;
}
.navbar-fixed-slideS1 #bg-ico2 {
opacity: 0;
position: absolute;
top: 50%;
left: 85%;
margin-top: -290px;
margin-left: -350px;
width: 50%;
height: 50%;
}
.navbar-fixed-slideS1 #bg-ico3 {
display: none;
position: absolute;
right: -5%;
width: 43%;
top: 1%;
animation: show-business 1s;
transform: rotate(70deg);
opacity: 1;
}
}
@media (max-width: 767px) {
.navbar-fixed-slideS1 {
position: relative;
overflow: hidden;
height: auto;
background: url("../images/industry/bg1.jpg") no-repeat center bottom;
background-size: 100% auto;
}
.navbar-fixed-slideS1 .container-fluid {
width: 100%;
}
.navbar-fixed-slideS1 .items {
padding: 20px;
text-align: center;
border-right: none;
height: auto;
border-bottom: 1px solid #e0e0e0;
}
.navbar-fixed-slideS1 .items .icobox {
margin-bottom: 10px;
}
.navbar-fixed-slideS1 .items .icobox .u-icon {
width: 70px;
height: 70px;
background-position: center center;
background-size: 70px 70px;
}
.navbar-fixed-slideS1 .items.last {
border: none;
}
.navbar-fixed-slideS1 .items .title {
font-size: 20px;
line-height: 1;
height: auto;
text-align: center;
margin-bottom: 10px;
}
.navbar-fixed-slideS1 .items .text {
font-size: 14px;
margin-bottom: 15px;
height: auto;
min-height: auto;
}
.navbar-fixed-slideS1 .items .ul-list {
margin-bottom: 10px;
display: none;
}
.navbar-fixed-slideS1 .items .ul-list li {
padding: 5px 0;
border-top: 1px #FFF solid;
}
.navbar-fixed-slideS1 .items .ul-list li a {
text-decoration: none;
color: #fff;
}
.navbar-fixed-slideS1 .items .btn {
background: #FFF;
}
.navbar-fixed-slideS1 .items.active {
color: #fff;
}
.navbar-fixed-slideS1 .items.active .icobox {
margin-bottom: 15px;
}
.navbar-fixed-slideS1 .items.active .icobox .u-icon {
background-position: center center;
}
.navbar-fixed-slideS1 .items.active .btn {
color: #FFF;
border-color: #FFF;
background: none;
}
.navbar-fixed-slideS1 #bg-ico1 {
width: auto;
height: 400px;
position: absolute;
margin-left: -200px;
opacity: 0;
}
.navbar-fixed-slideS1 #bg-ico2 {
opacity: 0;
position: absolute;
top: 50%;
left: 85%;
margin-top: -230px;
margin-left: -350px;
width: auto;
height: 300px;
}
.navbar-fixed-slideS1 #bg-ico3 {
display: none;
position: absolute;
right: 5%;
width: 80%;
top: 55%;
animation: show-business 1s;
transform: rotate(70deg);
opacity: 1;
}
.u-column-industry-ps {
padding: 20px 0 20px 0;
}
.navbar-fixed-tab .nav {
width: 100%;
}
.navbar-fixed-tab .items {
padding: 20px 10px;
}
.navbar-fixed-tab .items .icobox {
margin-bottom: 10px;
}
.navbar-fixed-tab .items .icobox .u-icon {
width: 60px;
height: 60px;
background-size: 100% auto;
}
.navbar-fixed-tab .items .title {
font-size: 16px;
margin-bottom: 10px;
}
.navbar-fixed-tab .items .text {
font-size: 12px;
height: auto;
min-height: 50px;
}
.industry-ps-alinks {
padding: 10px;
}
.industry-ps-alinks .ico {
height: 40px;
margin-bottom: 10px;
}
.industry-ps-alinks .ico img {
height: 40px;
}
.industry-ps-alinks .name {
font-size: 12px;
}
.industry-list-alinks {
margin-bottom: 30px;
padding: 15px;
font-size: 14px;
}
.industry-nav {
padding: 0 30px;
margin-bottom: 20px;
}
.industry-nav .items {
color: #666;
font-size: 14px;
padding-bottom: 8px;
padding-left: 0;
padding-right: 0;
}
.industry-nav .items .cbox {
height: 60px;
}
.industry-nav .items .t {
height: 28px;
line-height: 28px;
display: block;
font-size: 11px;
}
.industry-nav .items .iconfont {
display: block;
width: 28px;
height: 28px;
margin-right: 0;
margin: 0 auto;
}
.industry-nav .swiper-container .swiper-wrapper .swiper-slide-active .items {
text-decoration: none;
/*background:url('@{imgurl}industry/nav-bg-blue.png') no-repeat center bottom;*/
}
.industry-nav .swiper-button-next,
.industry-nav .swiper-button-prev {
width: 30px;
height: 30px;
top: 35px;
line-height: 30px;
}
.list-compay-info-sec {
margin-bottom: 50px;
}
.list-compay-info-sec .u-img {
width: 100%;
height: auto;
}
.list-compay-info-sec .u-img img {
width: 100%;
height: auto;
}
.list-compay-info-sec .u-info {
width: 100%;
padding: 10px 0;
height: auto;
border: none;
}
.list-compay-info-sec .u-info .name {
font-size: 16px;
margin-bottom: 10px;
}
.list-compay-info-sec .u-info .cont {
font-size: 14px;
margin-bottom: 10px;
line-height: 21px;
}
.list-compay-info-sec .u-info .btnbox a {
height: 45px;
line-height: 30px;
font-size: 14px;
}
.list-compay-info-sec .u-contact {
width: 100%;
height: auto;
border-right: none;
}
.list-compay-info-sec .u-contact .media {
padding: 10px 0;
}
.list-compay-info-sec .u-contact .media .media-body {
font-size: 14px;
}
.list-compay-info-thr {
margin-bottom: 30px;
}
.list-compay-info-thr .u-img {
width: 100%;
height: auto;
margin-bottom: 30px;
}
.list-compay-info-thr .u-img img {
width: 100%;
height: auto;
}
.list-compay-info-thr .u-img .name {
height: 30px;
line-height: 30px;
margin-top: -15px;
font-size: 14px;
}
.list-compay-info-thr .u-img .btnbox {
height: 45px;
bottom: -22px;
}
.list-compay-info-thr .u-img .btnbox a {
height: 45px;
line-height: 35px;
font-size: 14px;
}
.list-compay-info-thr .u-contact {
border: none;
width: auto;
}
.list-compay-info-thr .u-contact .media {
border-top: none;
border-left: none;
border-bottom: 1px solid #eee;
width: 100%;
float: none;
padding: 15px 0;
height: auto;
}
.list-compay-info-thr .u-contact .media .media-body {
font-size: 14px;
}
.map-cytj .title {
font-size: 20px;
margin-bottom: 15px;
}
.map-cytj .map img {
width: 100%;
}
.map-cytj .info {
padding-bottom: 20px;
margin-top: -14px;
}
.map-cytj .info .w {
width: 100%;
float: none;
}
.map-cytj .info .w img {
width: 100%;
}
.map-cytj .info .w.mr {
margin-right: 0;
}
}
#left-slide,
#right-slide {
position: absolute;
top: 49%;
bottom: 0;
left: auto;
right: 100px;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 25px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.7);
}
#right-slide {
top: 41%;
}
.carousel .carousel-inner .carousel-caption {
z-index: 2;
top: 0;
left: 50%;
margin-left: -700px;
width: 1400px;
height: 100%;
font-size: 0;
}
.carousel .carousel-inner .carousel-caption:after {
display: inline-block;
height: 100%;
content: "";
vertical-align: middle;
width: 0;
}
.carousel .carousel-inner .carousel-caption .banner-text {
color: #FFF;
display: inline-block;
width: 100%;
vertical-align: middle;
text-align: left;
margin-top: -100px;
}
.carousel .carousel-inner .carousel-caption .banner-text .img {
overflow: hidden;
margin: 0;
padding-top: 9px;
text-align: inherit;
padding-bottom: 0;
margin-bottom: 25px;
}
.carousel .carousel-inner .carousel-caption .banner-text .txt1 {
font-size: 80px;
line-height: 1;
overflow: hidden;
margin: 0;
text-align: inherit;
margin-bottom: 25px;
font-weight: bold;
font-family: "fzlantingqianheijianti", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.carousel .carousel-inner .carousel-caption .banner-text .txt2 {
font-size: 80px;
line-height: 1;
overflow: hidden;
margin-bottom: 40px;
font-family: "fzlantingqianheijianti", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.carousel .carousel-inner .carousel-caption .banner-text .txt3 {
font-family: Gotham-Book;
font-size: 30px;
line-height: 36px;
overflow: hidden;
margin-bottom: 25px;
}
.carousel .carousel-inner .carousel-caption .banner-text .btnbox .btn {
padding-top: 10px;
padding-bottom: 10px;
}
.carousel .banner-nav {
position: absolute;
z-index: 3;
left: 0;
bottom: 90px;
width: 100%;
background: url("../images//bg-b-6.png");
}
.carousel .banner-nav.b0 {
bottom: 0;
}
.carousel .banner-nav ul {
list-style: none;
padding: 0;
margin: 0;
}
.carousel .banner-nav ul li {
list-style: none;
padding: 30px 0;
float: left;
width: 440px;
text-align: center;
font-size: 18px;
}
.carousel .banner-nav ul li.middle {
position: relative;
width: 520px;
padding-right: 0;
padding-left: 50px;
}
.carousel .banner-nav ul li.middle::after {
content: "";
height: 80px;
width: 1px;
background: url("../images/bg-w-1.png");
position: absolute;
right: 50px;
top: 20px;
}
.carousel .banner-nav ul li.middle::before {
content: "";
height: 80px;
width: 1px;
background: url("../images/bg-w-1.png");
position: absolute;
left: 0;
top: 20px;
}
.carousel .banner-nav ul li dl {
margin-bottom: 0;
}
.carousel .banner-nav ul li dl dt {
width: 64px;
height: 64px;
float: left;
margin-right: 20px;
}
.carousel .banner-nav ul li dl dd {
float: left;
width: 340px;
text-align: left;
padding-top: 5px;
}
.carousel .banner-nav ul li dl dd .n {
font-size: 18px;
margin-bottom: 5px;
}
.carousel .banner-nav ul li dl dd .t {
color: #999;
font-size: 14px;
}
.carousel .banner-nav ul li .u-icon {
width: 64px;
height: 64px;
background-position: center center;
background-repeat: no-repeat;
background-size: 65px 65px;
}
.carousel .banner-nav ul li .u-icon.u-icon-1 {
background-image: url("../images/ico-1.png");
}
.carousel .banner-nav ul li .u-icon.u-icon-2 {
background-image: url("../images/ico-2.png");
}
.carousel .banner-nav ul li .u-icon.u-icon-3 {
background-image: url("../images/ico-3.png");
}
.carousel .banner-nav ul li a {
color: #FFF;
display: block;
}
.carousel .market-iframe {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
height: 30px;
}
.information {
background: #0065b2 url("../images/index/info-bg.jpg") no-repeat center top;
color: #FFF;
background-size: 100% auto;
}
.information .title {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding-bottom: 20px;
margin-bottom: 50px;
}
.information .title .tith {
font-size: 36px;
float: left;
height: 45px;
line-height: 45px;
}
.information .title .more {
background: #0068b7;
color: #FFF;
height: 45px;
width: 45px;
line-height: 45px;
font-size: 20px;
text-align: center;
border-radius: 50%;
float: right;
}
.information .title .links {
color: #FFF;
height: 45px;
width: 45px;
line-height: 45px;
font-size: 24px;
text-align: center;
float: right;
}
.information .title .nav-tab {
float: right;
}
.information .title a {
display: block;
color: #FFF;
}
.information .col-news {
padding-right: 60px;
padding-top: 110px;
padding-bottom: 70px;
float: left;
width: 900px;
}
.information .col-video {
padding-left: 60px;
border-left: 1px solid rgba(255, 255, 255, 0.3);
padding-top: 110px;
padding-bottom: 70px;
float: left;
width: 500px;
}
.information .v-links {
border-top: 1px solid rgba(255, 255, 255, 0.3);
padding-top: 30px;
margin-top: 50px;
}
.information .v-links .list-group {
margin-bottom: 0;
}
.information .v-links .list-group li {
background: none;
padding: 40px 0;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
font-size: 20px;
}
.information .v-links .list-group li a {
display: block;
color: #FFF;
}
.information .v-links .list-group li .u-icon {
width: 28px;
height: 28px;
background-position: center center;
margin-left: 5px;
}
.information .v-links .list-group li .u-icon.u-icon1 {
background-image: url("../images/index/links-ico1.png");
}
.information .v-links .list-group li .u-icon.u-icon2 {
background-image: url("../images/index/links-ico2.png");
}
.information .v-links .list-group li .u-icon.u-icon3 {
background-image: url("../images/index/links-ico3.png");
}
.information .v-links .list-group li .glyphicon-menu-right {
float: right;
margin-top: 5px;
}
.information .index-hot-news {
margin-bottom: 50px;
}
.information .index-hot-news .media {
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
margin-top: 0;
padding: 0 0 40px 0;
}
.information .index-hot-news .media .data {
width: 180px;
padding-left: 30px;
text-align: left;
}
.information .index-hot-news .media .data .m {
font-size: 40px;
margin-bottom: 10px;
line-height: 1;
}
.information .index-hot-news .media .data .y {
font-size: 18px;
}
.information .index-hot-news .media .media-body {
padding-top: 40px;
position: relative;
z-index: 2;
}
.information .index-hot-news .media .media-body .bt {
font-size: 20px;
padding-top: 5px;
}
.information .index-hot-news .media .media-body .nr {
font-size: 16px;
line-height: 30px;
padding-top: 20px;
display: none;
}
.information .index-hot-news .media .media-left {
padding-top: 40px;
position: relative;
z-index: 2;
}
.information .index-hot-news .media a {
color: #FFF;
}
.information .index-hot-news .media .bg {
z-index: 1;
position: absolute;
top: 0;
width: 0%;
height: 100%;
background: url("../images/index/list-bg.jpg") no-repeat 0 top;
}
.information .index-vedio-big {
position: relative;
}
.information .index-vedio-big .v-box {
position: relative;
display: block;
z-index: 2;
}
.information .index-vedio-big .v-box .tit {
position: absolute;
width: 100%;
left: 0;
top: 50%;
margin-top: -50px;
text-align: center;
}
.information .index-vedio-big .v-box .tit .u-icon-play {
height: 50px;
width: 50px;
background: url("../images/news/xxsp-play.png") no-repeat center center;
background-size: 50px 50px;
margin-bottom: 20px;
}
.information .index-vedio-big .v-box img {
width: 100%;
}
.information .index-vedio-big .v-box .name {
margin-top: 10px;
font-size: 16px;
color: #FFF;
text-shadow: #000 1px 1px 2px;
text-align: center;
}
@media (max-width: 1600px) {
#left-slide,
#right-slide {
top: 49%;
bottom: 0;
right: 100px;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px;
}
#right-slide {
top: 41%;
}
.carousel .carousel-inner .carousel-caption {
margin-left: -600px;
width: 1200px;
}
.carousel .carousel-inner .carousel-caption .banner-text .img {
margin-bottom: 20px;
}
.carousel .carousel-inner .carousel-caption .banner-text .img img {
width: 60%;
}
.carousel .carousel-inner .carousel-caption .banner-text .txt1 {
font-size: 50px;
padding-bottom: 0;
}
.carousel .carousel-inner .carousel-caption .banner-text .txt2 {
font-size: 50px;
margin-bottom: 30px;
}
.carousel .carousel-inner .carousel-caption .banner-text .txt3 {
font-size: 24px;
line-height: 28px;
margin-bottom: 20px;
}
.carousel .carousel-inner .carousel-caption .banner-text .btnbox .btn {
padding-top: 5px;
padding-bottom: 5px;
}
.carousel .banner-nav {
bottom: 70px;
width: 100%;
}
.carousel .banner-nav ul li {
padding: 30px 0;
width: 375px;
font-size: 16px;
}
.carousel .banner-nav ul li.middle {
width: 450px;
padding-left: 40px;
}
.carousel .banner-nav ul li.middle::after {
height: 65px;
right: 40px;
top: 20px;
}
.carousel .banner-nav ul li.middle::before {
height: 65px;
top: 20px;
}
.carousel .banner-nav ul li dl dt {
width: 64px;
height: 64px;
margin-right: 20px;
}
.carousel .banner-nav ul li dl dd {
width: 285px;
padding-top: 5px;
}
.carousel .banner-nav ul li dl dd .n {
font-size: 16px;
margin-bottom: 5px;
}
.carousel .banner-nav ul li dl dd .t {
font-size: 12px;
}
.carousel .banner-nav ul li .u-icon {
width: 64px;
height: 64px;
background-size: 65px 65px;
}
.carousel .market-iframe {
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
height: 30px;
}
.information {
background-size: 100% 100%;
}
.information .title {
margin-bottom: 40px;
padding-bottom: 10px;
}
.information .title .tith {
font-size: 22px;
height: 40px;
line-height: 40px;
}
.information .title .more {
height: 35px;
width: 35px;
line-height: 35px;
font-size: 12px;
text-indent: 1px;
}
.information .title .links {
height: 40px;
width: 40px;
line-height: 40px;
font-size: 16px;
}
.information .col-news {
padding-right: 40px;
padding-top: 90px;
padding-bottom: 55px;
width: 765px;
}
.information .col-video {
padding-left: 40px;
padding-top: 90px;
padding-bottom: 55px;
width: 435px;
}
.information .col-video .v-box .v-bfq {
width: 395px;
}
.information .v-links {
padding-top: 30px;
margin-top: 40px;
}
.information .v-links .list-group li {
padding: 30px 0;
font-size: 16px;
}
.information .v-links .list-group li .glyphicon-menu-right {
margin-top: 5px;
}
.information .v-links .list-group li a {
color: #FFF;
}
.information .index-hot-news {
margin-bottom: 40px;
}
.information .index-hot-news .media {
padding: 0 0 30px 0;
}
.information .index-hot-news .media .data {
width: 180px;
padding-left: 30px;
}
.information .index-hot-news .media .data .m {
font-size: 32px;
margin-bottom: 10px;
line-height: 1;
}
.information .index-hot-news .media .data .y {
font-size: 14px;
}
.information .index-hot-news .media .media-body {
padding-top: 30px;
}
.information .index-hot-news .media .media-body .bt {
font-size: 16px;
padding-top: 5px;
}
.information .index-hot-news .media .media-body .nr {
font-size: 14px;
line-height: 26px;
padding-top: 15px;
}
.information .index-hot-news .media .media-left {
padding-top: 30px;
}
.information .index-hot-news .media a {
color: #FFF;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
#left-slide,
#right-slide {
position: absolute;
top: 46%;
right: 15px;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 18px;
}
#right-slide {
top: 35%;
}
.carousel .carousel-inner .carousel-caption {
z-index: 2;
top: 0;
left: 0;
margin-left: 0;
width: 100%;
height: 100%;
font-size: 0;
}
.carousel .carousel-inner .carousel-caption .banner-text {
width: 100%;
padding-left: 30px;
}
.carousel .carousel-inner .carousel-caption .banner-text .img {
margin: 0;
padding-top: 9px;
padding-bottom: 0;
margin-bottom: 25px;
}
.carousel .carousel-inner .carousel-caption .banner-text .txt1 {
font-size: 30px;
margin-bottom: 15px;
}
.carousel .carousel-inner .carousel-caption .banner-text .txt2 {
font-size: 30px;
margin-bottom: 20px;
}
.carousel .carousel-inner .carousel-caption .banner-text .txt3 {
font-size: 20px;
line-height: 20px;
margin-bottom: 25px;
}
.carousel .carousel-inner .carousel-caption .banner-text .btnbox .btn {
padding-top: 10px;
padding-bottom: 10px;
}
.carousel .banner-nav {
position: absolute;
z-index: 3;
left: 0;
bottom: 30px;
width: 100%;
}
.carousel .banner-nav ul li {
padding: 10px 0;
float: left;
width: 33.33333%;
font-size: 14px;
}
.carousel .banner-nav ul li.middle {
position: relative;
width: 33.33333%;
padding-right: 0;
padding-left: 0;
padding: 10px 10px;
}
.carousel .banner-nav ul li.middle::after {
display: none;
}
.carousel .banner-nav ul li.middle::before {
display: none;
}
.carousel .banner-nav ul li dl {
margin-bottom: 0;
text-align: center;
display: -webkit-box;
display: box;
}
.carousel .banner-nav ul li dl dt {
width: 64px;
height: 64px;
float: none;
padding-top: 7px;
margin-right: 0;
}
.carousel .banner-nav ul li dl dd {
-webkit-box-flex: 1;
box-flex: 1;
float: none;
width: 100%;
padding-top: 5px;
}
.carousel .banner-nav ul li dl dd .n {
font-size: 14px;
margin-bottom: 5px;
}
.carousel .banner-nav ul li dl dd .t {
font-size: 12px;
}
.carousel .banner-nav ul li .u-icon {
width: 50px;
height: 50px;
background-position: center center;
background-repeat: no-repeat;
background-size: 50px 50px;
}
.carousel .banner-nav ul li .u-icon.u-icon-1 {
background-image: url("../images/index/ico-1.png");
}
.carousel .banner-nav ul li .u-icon.u-icon-2 {
background-image: url("../images/index/ico-2.png");
}
.carousel .banner-nav ul li .u-icon.u-icon-3 {
background-image: url("../images/index/ico-3.png");
}
.carousel .banner-nav ul li a {
color: #FFF;
display: block;
}
.carousel .market-iframe {
position: absolute;
bottom: 0;
margin-left: 0;
left: 0;
width: 100%;
height: 30px;
}
.information {
background: #0065b2 url("../images/index/info-bg.jpg") no-repeat center top;
background-size: auto 100%;
padding-top: 30px;
padding-bottom: 30px;
}
.information .title {
padding-bottom: 20px;
margin-bottom: 30px;
}
.information .title .tith {
font-size: 26px;
float: left;
height: 45px;
line-height: 45px;
}
.information .title .more {
height: 45px;
width: 45px;
line-height: 45px;
font-size: 20px;
text-align: center;
border-radius: 50%;
float: right;
}
.information .title .links {
height: 45px;
width: 45px;
line-height: 45px;
font-size: 24px;
text-align: center;
float: right;
}
.information .title .nav-tab {
float: right;
}
.information .title a {
display: block;
}
.information .col-news {
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
float: none;
width: 100%;
}
.information .col-video {
padding-left: 0;
border-left: none;
padding-top: 0;
padding-bottom: 0;
float: none;
width: 100%;
}
.information .v-links {
padding-top: 0;
margin-top: 30px;
}
.information .v-links .list-group {
margin-bottom: 0;
}
.information .v-links .list-group li {
background: none;
padding: 40px 0;
font-size: 20px;
}
.information .v-links .list-group li a {
display: block;
}
.information .v-links .list-group li .u-icon {
width: 28px;
height: 28px;
background-position: center center;
margin-left: 5px;
}
.information .v-links .list-group li .glyphicon-menu-right {
float: right;
margin-top: 5px;
}
.information .index-hot-news {
margin-bottom: 50px;
}
.information .index-hot-news .media {
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
margin-top: 0;
padding: 0 0 25px 0;
}
.information .index-hot-news .media .data {
width: 180px;
padding-left: 30px;
text-align: left;
}
.information .index-hot-news .media .data .m {
font-size: 30px;
margin-bottom: 10px;
line-height: 1;
}
.information .index-hot-news .media .data .y {
font-size: 16px;
}
.information .index-hot-news .media .media-body {
padding-top: 25px;
position: relative;
z-index: 2;
}
.information .index-hot-news .media .media-body .bt {
font-size: 20px;
padding-top: 5px;
}
.information .index-hot-news .media .media-body .nr {
font-size: 16px;
line-height: 30px;
padding-top: 20px;
display: none;
}
.information .index-hot-news .media .media-left {
padding-top: 30px;
position: relative;
z-index: 2;
}
.information .index-hot-news .media .bg {
z-index: 1;
position: absolute;
top: 0;
width: 0%;
height: 100%;
background: url("../images/index/list-bg.jpg") no-repeat 0 top;
}
.information .index-vedio-big {
position: relative;
}
.information .index-vedio-big .v-box {
position: relative;
display: block;
z-index: 2;
}
.information .index-vedio-big .v-box .tit {
position: absolute;
height: 160px;
width: 100%;
left: 0;
top: 50%;
margin-top: -80px;
text-align: center;
}
.information .index-vedio-big .v-box .tit .u-icon-play {
height: 100px;
width: 100px;
background: url("../images/news/xxsp-play.png") no-repeat center center;
}
.information .index-vedio-big .v-box .tit .name {
font-size: 26px;
}
.information .index-vedio-big .v-box img {
width: 100%;
}
}
@media (max-width: 767px) {
#left-slide,
#right-slide {
position: absolute;
top: 45%;
right: 15px;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 16px;
}
#right-slide {
top: 25%;
}
.carousel .carousel-inner .carousel-caption {
z-index: 2;
top: 0;
left: 0;
margin-left: 0;
width: 100%;
height: 100%;
font-size: 0;
}
.carousel .carousel-inner .carousel-caption .banner-text {
width: 100%;
padding-left: 20px;
margin-top: -20px;
}
.carousel .carousel-inner .carousel-caption .banner-text .img {
margin: 0;
padding-top: 9px;
padding-bottom: 0;
margin-bottom: 25px;
}
.carousel .carousel-inner .carousel-caption .banner-text .txt1 {
font-size: 18px;
margin-bottom: 10px;
}
.carousel .carousel-inner .carousel-caption .banner-text .txt2 {
font-size: 18px;
margin-bottom: 10px;
}
.carousel .carousel-inner .carousel-caption .banner-text .txt3 {
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
}
.carousel .carousel-inner .carousel-caption .banner-text .txt3 p {
margin-bottom: 5px;
}
.carousel .carousel-inner .carousel-caption .banner-text .btnbox .btn {
padding-top: 7px;
padding-bottom: 7px;
}
.carousel .banner-nav {
display: none;
}
.carousel .market-iframe {
position: absolute;
bottom: 0;
margin-left: 0;
left: 0;
width: 100%;
height: 30px;
}
.information {
background: #0065b2 url("../images/index/info-bg.jpg") no-repeat center top;
background-size: auto 100%;
padding-top: 30px;
padding-bottom: 30px;
}
.information .title {
padding-bottom: 15px;
margin-bottom: 15px;
}
.information .title .tith {
font-size: 20px;
float: left;
height: 35px;
line-height: 35px;
}
.information .title .more {
height: 35px;
width: 35px;
line-height: 35px;
font-size: 16px;
text-align: center;
border-radius: 50%;
float: right;
}
.information .title .links {
height: 35px;
width: 35px;
line-height: 35px;
font-size: 24px;
text-align: center;
float: right;
}
.information .title .nav-tab {
float: right;
}
.information .title a {
display: block;
}
.information .col-news {
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
float: none;
width: 100%;
margin-bottom: 15px;
}
.information .col-video {
padding-left: 0;
border-left: none;
padding-top: 0;
padding-bottom: 0;
float: none;
width: 100%;
}
.information .v-links {
padding-top: 0;
margin-top: 15px;
}
.information .v-links .list-group {
margin-bottom: 0;
}
.information .v-links .list-group li {
background: none;
padding: 20px 0;
font-size: 20px;
}
.information .v-links .list-group li a {
display: block;
}
.information .v-links .list-group li .u-icon {
width: 28px;
height: 28px;
background-position: center center;
margin-left: 5px;
}
.information .v-links .list-group li .glyphicon-menu-right {
float: right;
margin-top: 5px;
}
.information .index-hot-news {
margin-bottom: 50px;
}
.information .index-hot-news .media {
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
margin-top: 0;
padding: 0 0 25px 0;
}
.information .index-hot-news .media .data {
width: 75px;
padding-left: 0;
text-align: left;
}
.information .index-hot-news .media .data .m {
font-size: 20px;
margin-bottom: 10px;
line-height: 1;
}
.information .index-hot-news .media .data .y {
font-size: 14px;
}
.information .index-hot-news .media .media-body {
padding-top: 25px;
position: relative;
z-index: 2;
}
.information .index-hot-news .media .media-body .bt {
font-size: 16px;
padding-top: 5px;
}
.information .index-hot-news .media .media-body .nr {
font-size: 14px;
line-height: 30px;
padding-top: 20px;
display: none;
}
.information .index-hot-news .media .media-left {
padding-top: 30px;
position: relative;
z-index: 2;
}
.information .index-hot-news .media .bg {
z-index: 1;
position: absolute;
top: 0;
width: 0%;
height: 100%;
background: url("../images/index/list-bg.jpg") no-repeat 0 top;
background-size: cover;
}
.information .index-vedio-big {
position: relative;
}
.information .index-vedio-big .v-box {
position: relative;
display: block;
z-index: 2;
}
.information .index-vedio-big .v-box .tit {
position: absolute;
height: 70px;
width: 100%;
left: 0;
top: 50%;
margin-top: -45px;
text-align: center;
}
.information .index-vedio-big .v-box .tit .u-icon-play {
height: 70px;
width: 70px;
background: url("../images/news/xxsp-play.png") no-repeat center center;
background-size: 100% 100%;
}
.information .index-vedio-big .v-box .tit .name {
font-size: 15px;
}
.information .index-vedio-big .v-box img {
width: 100%;
}
.lf_fl,
.lf_fr {
float: none;
}
.blist {
margin-left: 0;
float: left;
width: 50%;
}
.lf_fr {
overflow: hidden;
margin-top: 20px;
}
.copy {
width: 100%;
height: auto;
line-height: 4em;
background: #2d2e30;
}
.right_copy {
display: none;
}
.left_copy {
float: none;
text-align: center;
}
}
@media(max-width:960px) {
.left_foot {
float: none;
width: 100%;
overflow: hidden;
text-align: center;
margin-bottom: 40px;
}
.right_foot {
float: none;
padding-left: 0;
border-left: none;
padding-bottom: 45px;
width: 100%;
text-align: center;
}
.bline {
margin: auto;
margin-bottom: 15px;
margin-top: 10px;
}
}
.p12-aboutinfo-1 {
max-width: 1600px;
margin: auto;
overflow: hidden;
margin-top: 100px;
padding-left: 15px;
padding-right: 15px;
}
.p12-aboutinfo-1 .tit {
height: 160px;
background: url(../image/d63899212b4c4e7d99ac9ed293b3ac9f_2.jpg)no-repeat center 91px;
clear: both;
text-align: center;
}
.p12-aboutinfo-1 .tit span {
display: block;
font-size: 28px;
color: #000;
padding-top: 45px;
}
.p12-aboutinfo-1 .tit em {
font-style: normal;
color: #999;
text-transform: uppercase;
font-family: "Times New Roman";
padding-top: 18px;
display: block;
}
.g-gywm {
height: 530px;
max-width: 1600px;
margin: auto;
overflow: hidden;
padding-left: 15px;
padding-right: 15px;
}
.wm-l {
width: 40%;
float: left;
color: #fff;
height: 460px;
overflow: hidden;
background: #004370;
padding: 60px 0 0 40px;
}
.wm-l h4 {
font: 20px "Microsoft YaHei";
line-height: 60px;
padding-bottom: 30px;
margin: 0;
}
.wm-l li {
font: 16px "Microsoft YaHei";
color: #fff;
line-height: 40px;
}
.wm-l li b {
font-weight: bold;
font-size: 20px;
color: #fff;
}
.wm-r {
float: left;
width: 60%;
}
#map {
width: 100%;
height: 460px;
border: 1px solid rgb(204, 204, 204);
font-size: 12px;
}
.map-title {
font-size: 16px;
line-height: 24px;
}
.map-list {
font-size: 14px;
line-height: 22px;
color: #333;
margin-top: 6px;
}
@media (max-width: 768px) {
.p12-aboutinfo-1 .tit {
height: auto;
background: url(../image/d638992芒鈧2.jpg)no-repeat center 36px;
clear: both;
text-align: center;
margin: 32px 0;
}
.p12-aboutinfo-1 .tit span {
font-size: 19px;
padding-top: 0;
}
.p12-aboutinfo-1 .tit em {
padding-top: 18px;
}
.wm-l {
width: 100%;
float: left;
color: #fff;
height: auto;
overflow: hidden;
padding: 60px 0 37px 40px;
}
.wm-l h4 {
font: 17px "Microsoft YaHei";
line-height: 10px;
padding-bottom: 30px;
margin: 0;
}
.wm-l li {
font: 13px "Microsoft YaHei";
line-height: 35px;
}
.g-gywm {
height: auto;
overflow: hidden;
width: 100%;
margin-bottom: 2rem;
}
.wm-r {
width: 100%;
}
}
@font-face {
font-family: MontserratL;
src: url("http://zhouxin.new.uoeee.com/dist/fonts/Gotham-Light.otf");
}
@font-face {
font-family: MontserratM;
src: url("http://zhouxin.new.uoeee.com/dist/fonts/Gotham-Medium.otf");
}
@font-face {
font-family: MontserratB;
src: url("http://zhouxin.new.uoeee.com/dist/fonts/Gotham-Bold.otf");
}
/** 脙娄芒鈥毬偮澝兟γ偮好偮惷兟┟偮幻⑩偓藴脙陇脗陆芒鈧撁兟っ偮该偮兟偮幻⑩偓聽 @font-face { font-family: SourceHanN; src:url('http://zhouxin.new.uoeee.com/dist/fonts/SourceHanSansCN-Normal.otf'); }**/
/** 脙娄芒鈥毬偮澝兟γ偮好偮惷兟┟偮幻⑩偓藴脙陇脗陆芒鈧撁兟っ偮该偮兟偮裁⑩偓鈥� @font-face { font-family: SourceHanM; src:url('http://zhouxin.new.uoeee.com/dist/fonts/SourceHanSansCN-Medium.otf'); } **/
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
cursor: pointer;
}
body,
form,
img,
ul,
ol,
li,
dl,
dt,
dd,
p,
tr,
td,
strong,
span,
pre {
margin: 0;
padding: 0;
border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0;
font-weight: normal;
}
body,
button,
input,
select,
textarea {
font: 14px/1.5 "MontserratL", "Microsoft YaHei", Arial, "PingFang SC", sans-serif;
color: #333;
}
ul,
li {
list-style: none;
}
img {
border: 0;
vertical-align: middle;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table th,
table td {
border: 1px solid #ccc;
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none;
color: #333;
outline: none;
cursor: pointer;
}
a:hover {
background-repeat: no-repeat;
text-decoration: none;
}
a,
input[type="button"],
button,
label,
input[type="submit"],
input[type="reset"] {
cursor: pointer;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input,
textarea,
select {
outline: none;
}
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
select,
textarea {
outline-style: none;
-webkit-appearance: none;
resize: none;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important;
}
.bd_weixin_popup,
.content-box {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
*zoom: 1;
}
.clear {
clear: both;
line-height: 0;
height: 0;
font-size: 0;
}
.fl {
float: left;
}
.fr {
float: right;
}
.show {
display: block !important;
}
.hide {
display: none !important;
}
.commonweb {
padding: 0px 15px;
}
.commonwebbox {
margin-left: 0px;
margin-right: 0px;
}
.commonleft {
float: none;
}
.commonright {
float: none;
}
.visible-sm,
.visible-md,
.visible-lg {
display: none;
}
.hidden-sm,
.hidden-md,
.hidden-lg {
display: block;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
padding-left: 10px;
padding-right: 10px;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
@media (max-width: 320px) {
body {
min-width: 320px;
}
}
@media (min-width: 768px) {
.commonweb {
padding: 0px 20px;
}
.commonwebbox {
margin-left: -10px;
margin-right: -10px;
}
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
padding-left: 10px;
padding-right: 10px;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.visible-sm {
display: block;
}
.hidden-sm {
display: none;
}
}
@media (min-width: 992px) {
.commonweb {
padding: 0px 40px;
}
.commonwebbox {
margin-left: -10px;
margin-right: -10px;
}
.commonleft {
float: left;
}
.commonright {
float: right;
}
.visible-md {
display: block;
}
.hidden-md {
display: none;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
padding-left: 10px;
padding-right: 10px;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
}
@media (min-width: 1200px) {
html {
cursor: default;
}
.commonleft {
float: left;
}
.commonright {
float: right;
}
.visible-lg {
display: block;
}
.hidden-lg {
display: none;
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
padding-left: 10px;
padding-right: 10px;
padding-left: 0.20833rem;
padding-right: 0.20833rem;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
}
/* layout start*/
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -o-transform;
transition-property: transform, -webkit-transform, -o-transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-o-transition-property: -o-transform;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: height, -o-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform, -o-transform;
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
-webkit-border-radius: 100%;
border-radius: 100%;
background: #000;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.incommonweb {
width: 100%;
max-width: 1480px;
height: 100%;
margin: 0 auto;
padding: 0 15px;
}
.incommonweb2 {
width: 100%;
max-width: 1520px;
height: 100%;
margin: 0 auto;
padding: 0 15px;
}
.inheader {
position: fixed;
top: 0;
left: 0;
z-index: 200;
width: 100%;
height: 60px;
background: #fff;
-webkit-box-shadow: 2px 0px 5px -2px #929aa1;
box-shadow: 2px 0px 5px -2px #929aa1;
}
.inheader .incommonweb {
padding-right: 5px;
}
.inlogo {
height: 60px;
line-height: 60px;
}
.inlogo a {
display: block;
height: 100%;
}
.inlogo img {
max-height: 60%;
}
.mobile-btn {
width: 60px;
height: 100%;
padding: 10px;
}
.mobile-btn span {
position: relative;
display: block;
width: 100%;
height: 3px;
margin: 8px auto 0;
background: #00164a;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.mobile-btn.active span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mobile-btn.active span:nth-child(2) {
opacity: 0;
}
.mobile-btn.active span:nth-child(3) {
top: -11px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.inheader-frtop {
font-size: 0;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 10px 15px 40px;
z-index: 202;
visibility: hidden;
opacity: 0;
text-align: center;
background: #fff;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
}
.inheader-frtop span {
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: #373a3d;
padding: 0 5px;
}
.inheader-frtop a {
position: relative;
display: inline-block;
vertical-align: middle;
min-width: 20px;
text-align: center;
height: 28px;
margin-right: 20px;
line-height: 28px;
font-size: 14px;
color: #929aa1;
}
.inheader-frtop a.in-en:hover {
color: #373a3d;
}
.inheader-frtop a:hover {
color: #373a3d;
}
.inheader-frtop .insearch-btn {
background: url(http://zhouxin.new.uoeee.com/dist/images/insearch-btn1.png) no-repeat center center;
}
.inheader-frtop .insearch-btn:hover {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/insearch-btn.png);
}
.inheader-frtop a.afternone:after {
display: none;
}
.inheader-frtop a.lastchild {
margin-right: 0;
}
.inheader-frtop a:after {
position: absolute;
top: 50%;
right: -10px;
width: 1px;
height: 18px;
background: #d7d8d8;
margin-top: -9px;
content: '';
}
.inheader-frtop a:last-child {
margin-right: 0;
}
.inheader-frtop a:last-child:after {
display: none;
}
.inheader-fr {
position: fixed;
top: 60px;
left: 0;
z-index: 200;
display: none;
width: 100%;
height: 100%;
padding: 20px 15px 140px;
background: #fff;
overflow: hidden;
border-top: 1px solid #d7d8d8;
}
.inheader-fr.active .inheader-frtop {
visibility: visible;
opacity: 1;
}
.innav-ul {
width: 100%;
height: 100%;
overflow-y: auto;
}
.innav-h3 {
position: relative;
border-bottom: 1px solid #d7d8d8;
}
.innav-h3.active:after {
position: absolute;
top: 50%;
right: 10px;
width: 10px;
height: 10px;
border-top: 2px solid #d7d8d8;
border-right: 2px solid #d7d8d8;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
.innav-h3.active .innav-span {
display: block;
}
.innav-h3.active2:after {
-webkit-transform: translateY(-50%) rotate(135deg);
-ms-transform: translateY(-50%) rotate(135deg);
-o-transform: translateY(-50%) rotate(135deg);
transform: translateY(-50%) rotate(135deg);
}
.innav-h3 a {
display: block;
line-height: 45px;
font-size: 16px;
color: #929aa1;
}
.innav-ermenu {
display: none;
padding-bottom: 10px;
border-bottom: 1px solid #d7d8d8;
line-height: 30px;
}
.innav-ermenu .incommonweb {
/**padding: 0!important;**/
max-width: 1280px;
}
.innav-ermenu a {
display: block;
width: 100%;
line-height: 40px;
font-size: 14px;
color: #585e6f;
}
.innav-span {
position: absolute;
top: 0;
right: 0;
z-index: 10;
display: none;
width: 40%;
height: 100%;
}
.insearch-view {
position: fixed;
right: 0;
top: 60px;
z-index: 201;
display: none;
width: 100%;
padding: 10px;
background: rgba(237, 244, 250, 0.5);
-webkit-transition: top .5s;
-o-transition: top .5s;
transition: top .5s;
}
.insearch-view form {
position: relative;
display: block;
width: 100%;
font-size: 0;
}
.insearch-view .insearch-intxt {
width: 100%;
padding: 0 50px 0 15px;
vertical-align: middle;
height: 40px;
line-height: 40px;
font-size: 14px;
color: #585f6f;
}
.insearch-view .insearch-sub {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 100%;
background: url(http://zhouxin.new.uoeee.com/dist/images/insearch-btn.png) no-repeat center center;
}
.line {
display: none;
}
.inprev1 {
left: 40px;
position: absolute;
top: 50%;
z-index: 10;
width: 32px;
height: 32px;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
border: 2px solid #fff;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.inprev1:after {
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
.inprev1:hover {
background: #fff;
-webkit-box-shadow: 0px 0px 15px -5px rgba(0, 22, 74, 0.3);
box-shadow: 0px 0px 15px -5px rgba(0, 22, 74, 0.3);
}
.inprev1:hover:after {
border-color: #00164a;
}
.innext1 {
right: 40px;
position: absolute;
top: 50%;
z-index: 10;
width: 32px;
height: 32px;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
border: 2px solid #fff;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.innext1:after {
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
.innext1:hover {
background: #fff;
-webkit-box-shadow: 0px 0px 15px -5px rgba(0, 22, 74, 0.3);
box-shadow: 0px 0px 15px -5px rgba(0, 22, 74, 0.3);
}
.innext1:hover:after {
border-color: #00164a;
}
.inbanner {
position: relative;
overflow: hidden;
}
.inbanner .swiper-slide {
overflow: hidden;
}
.inbanner .swiper-slide .inbanner-img {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
height: 200px;
max-width: none;
width: auto;
}
.inbanner .swiper-slide .incommonweb {
position: absolute;
top: 50%;
left: 50%;
z-index: 7;
width: 100%;
height: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.inbanner .swiper-slide.after .inbanner-txt1 h2,
.inbanner .swiper-slide.after .inbanner-txt1 a {
opacity: 1;
}
.inbanner .inbtn {
display: none;
}
.banner-video {
position: absolute;
top: 0;
left: 0;
z-index: 5;
width: 100%;
height: 100%;
}
.inbanner-txt1 {
font-size: 0;
}
.inbanner-txt1 h2 {
font-size: 20px;
line-height: 1.1875;
color: #ffffff;
font-family: 'MontserratB';
opacity: 0;
-webkit-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
.inbanner-txt1 .inbanner-a {
display: inline-block;
margin-top: 14px;
opacity: 0;
-webkit-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
.inbanner-txt1 .inbanner-a img {
width: 20px;
display: none;
}
.inbanner-clr {
color: #facd01;
}
.inbanner-bat {
position: absolute;
bottom: 10px;
left: 0;
z-index: 10;
width: 100%;
text-align: center;
line-height: 1;
}
.inbanner-bat span {
width: 6px;
height: 6px;
margin: 0 3px;
background: #fff;
}
.inbanner-bat span.swiper-pagination-bullet-active {
background: #00164a;
}
.more-active:hover img {
-webkit-animation: move1 .8s linear infinite;
-o-animation: move1 .8s linear infinite;
animation: move1 .8s linear infinite;
}
@-webkit-keyframes move1 {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@-o-keyframes move1 {
0% {
-o-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-o-transform: translateX(5px);
transform: translateX(5px);
}
100% {
-o-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes move1 {
0% {
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px);
}
100% {
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
}
.inbanner-icon {
display: none;
}
footer {
font-size: 14px;
color: #9b9da2;
}
.infooter {
padding-top: 30px;
background: #313335;
}
.infooter-erweima {
float: right;
width: 40%;
font-size: 0;
text-align: right;
}
.infooter-erweima img {
width: 120px;
height: 120px;
}
.infooter-logo {
float: left;
max-width: 50%;
}
.infooter-top {
padding-bottom: 15px;
}
.infooter-topfr {
margin-top: 20px;
}
.infooter-dl {
border-top: 1px solid #777;
}
.infooter-dl dt {
position: relative;
}
.infooter-dl dt a {
display: block;
width: 100%;
height: 45px;
line-height: 45px;
font-size: 16px;
color: #dbdde4;
}
.infooter-dl dt.active:after {
position: absolute;
top: 50%;
right: 10px;
width: 10px;
height: 10px;
border-top: 2px solid #777;
border-right: 2px solid #777;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
.infooter-dl dt.active .infooter-span {
display: block;
}
.infooter-dl dt.active2:after {
-webkit-transform: translateY(-50%) rotate(135deg);
-ms-transform: translateY(-50%) rotate(135deg);
-o-transform: translateY(-50%) rotate(135deg);
transform: translateY(-50%) rotate(135deg);
}
.infooter-dl dd {
display: none;
}
.infooter-dl dd a {
display: block;
width: 100%;
height: 40px;
line-height: 40px;
font-size: 14px;
color: #a2a4a9;
}
.infooter-span {
position: absolute;
top: 0;
right: 0;
z-index: 10;
display: none;
width: 40%;
height: 100%;
}
.infooter-bottom {
padding: 15px 0 15px;
border-top: 1px solid #3f4143;
}
.infooter-bottomul li {
padding-left: 30px;
background-repeat: no-repeat;
background-position: 0px 7px;
line-height: 24px;
font-size: 14px;
color: #bbbcbc;
}
.infooter-bottomul li a {
color: #bbbcbc;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.infooter-bottomul li a:hover {
color: #facd01;
text-decoration: underline;
}
.infooter-bottomul li.li1 {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/add1.png);
}
.infooter-bottomul li.li2 {
padding-left: 0px;
}
.infooter-bottomul li.li2 p {
padding-left: 30px;
background-image: url(http://zhouxin.new.uoeee.com/dist/images/tel1.png);
background-position: 0px 7px;
}
.infooter-bottomul li.li2 p:nth-child(2) {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/email1.png);
}
.infooter-bottomul li.li2 p:nth-child(3) {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/hotline.png);
}
.infooter-bottomul li.li3 {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/email1.png);
}
.infooter-link {
padding-top: 15px;
font-size: 0;
}
.infooter-link a {
display: inline-block;
vertical-align: middle;
margin-right: 54px;
margin-bottom: 0 !important;
}
.infooter-link a:last-child {
margin-right: 0;
}
.infooter-fen {
margin-top: 15px;
font-size: 0;
}
.infooter-fen a {
float: none !important;
display: inline-block;
vertical-align: top;
width: 20px !important;
height: 20px !important;
line-height: 20px !important;
margin-bottom: 0 !important;
text-align: center;
margin-right: 10px;
}
.inbottom {
padding: 15px 0;
line-height: 20px;
text-align: center;
font-size: 13px;
color: #696a6a;
background: #292a2c;
}
.inbottom a {
color: #696a6a;
}
.inleft {
display: none;
}
.inleft-form {
position: fixed;
top: 50%;
margin-top: -249px;
right: 72px;
z-index: 199;
display: none;
width: 380px;
padding: 15px 20px 15px;
border: 1px solid #929aa1;
-webkit-box-shadow: 0px 0px 5px -3px #929aa1;
box-shadow: 0px 0px 5px -3px #929aa1;
background: #fff;
-webkit-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}
.inleft-fmtit h3 {
line-height: 30px;
font-size: 18px;
color: #020920;
}
.inleft-fmtit a {
float: right;
margin-top: 6px;
}
.inleft-formv {
margin-top: 10px;
}
.inleft-fmclose {
display: block;
width: 20px;
height: 20px;
}
.inleft-fmclose span {
position: relative;
display: block;
width: 100%;
height: 100%;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.inleft-fmclose span:after,
.inleft-fmclose span:before {
position: absolute;
top: 50%;
left: 50%;
width: 15px;
height: 2px;
background: #00000a;
content: '';
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.inleft-fmclose span:before {
width: 2px;
height: 15px;
}
.inleft-fmclose:hover span {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.inleft-fmitem {
margin-bottom: 10px;
}
.inleft-fmitem input,
.inleft-fmitem textarea {
width: 100%;
font-size: 14px;
color: #505565;
background: #f6f6f6;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
border: 1px solid #f6f6f6;
}
.inleft-fmitem input:focus,
.inleft-fmitem textarea:focus {
border-color: #0091d3;
-webkit-box-shadow: 0px 0px 8px 3px #ddd inset;
box-shadow: 0px 0px 8px 3px #ddd inset;
}
.inleft-fmitem .inleft-fmsub {
font-size: 14px;
color: #fff;
background: #0091d3;
border: none;
}
.inleft-fmitem .inleft-fmsub:hover {
-webkit-box-shadow: 0px 0px 10px -5px #0091d3;
box-shadow: 0px 0px 10px -5px #0091d3;
}
.inleft-fmitem input {
height: 44px;
line-height: 44px;
padding: 0 15px;
}
.inleft-fmitem textarea {
padding: 15px 15px;
line-height: 22px;
height: 118px;
}
.inabsor {
padding: 24px 0 30px;
border-bottom: 1px solid #ebecec;
}
.intit {
text-align: center;
line-height: 1;
font-size: 14px;
color: #515666;
}
.intit h2 {
position: relative;
line-height: 2;
font-size: 20px;
font-family: 'MontserratM';
}
.intit h2:after {
position: absolute;
bottom: 0;
left: 50%;
width: 62px;
height: 2px;
background: #facd01;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
content: '';
}
.intit h3 {
margin-top: 5px;
line-height: 1.33333;
font-size: 16px;
color: #ccced2;
text-transform: uppercase;
}
.intit .intit-des {
margin-top: 8px;
}
.inabsor-view {
position: relative;
margin-top: 6px;
}
.inabsor-view .swiper-container {
padding: 20px 0;
}
.inabsor-view .swiper-slide {
overflow: hidden;
}
.inabsor-btn {
display: none;
}
.inabsor-prev {
left: 0;
position: absolute;
top: 50%;
z-index: 10;
width: 32px;
height: 32px;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
border: 2px solid #00164a;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.inabsor-prev:after {
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
border-bottom: 2px solid #00164a;
border-left: 2px solid #00164a;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
.inabsor-prev:hover {
background: #facd01;
border-color: #facd01;
-webkit-box-shadow: 0px 0px 15px -5px rgba(250, 205, 1, 0.3);
box-shadow: 0px 0px 15px -5px rgba(250, 205, 1, 0.3);
}
.inabsor-prev:hover:after {
border-color: #00164a;
}
.inabsor-next {
right: 0;
position: absolute;
top: 50%;
z-index: 10;
width: 32px;
height: 32px;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
border: 2px solid #00164a;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.inabsor-next:after {
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
border-top: 2px solid #00164a;
border-right: 2px solid #00164a;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
.inabsor-next:hover {
background: #facd01;
border-color: #facd01;
-webkit-box-shadow: 0px 0px 15px -5px rgba(250, 205, 1, 0.3);
box-shadow: 0px 0px 15px -5px rgba(250, 205, 1, 0.3);
}
.inabsor-next:hover:after {
border-color: #00164a;
}
.inabsor-img {
width: 100%;
position: relative;
height: 0;
padding-top: 63.41463%;
overflow: hidden;
}
.inabsor-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.inabsor-img:after {
position: absolute;
top: 0;
left: 0;
z-index: 4;
width: 100%;
height: 100%;
opacity: 0;
background: -webkit-gradient(linear, left bottom, left top, from(#051231), to(#22438e));
background: -webkit-linear-gradient(bottom, #051231, #22438e);
background: -o-linear-gradient(bottom, #051231, #22438e);
background: linear-gradient(0deg, #051231, #22438e);
content: '';
}
.inabsor-men {
position: absolute;
top: 50%;
left: 0;
margin-top: 10px;
z-index: 5;
display: none;
width: 100%;
padding: 0 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}
.inabsor-men h3 {
margin-top: 24px;
font-size: 14px;
color: #fff;
display: -webkit-box;
height: 42px;
line-height: 21px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.inabsor-radius {
position: relative;
display: block;
width: 30px;
height: 30px;
margin: 15px auto 0;
border: 1px solid #fff;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.inabsor-radius:after,
.inabsor-radius:before {
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 2px;
background: #fff;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: '';
}
.inabsor-radius:before {
width: 2px;
height: 10px;
}
.inabsor-text {
margin-top: 17px;
text-align: center;
padding: 0 10px;
}
.inabsor-text h3 {
line-height: 1.44444;
font-size: 16px;
color: #929aa1;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.incon-bat {
width: 100%;
height: 12px;
line-height: 12px;
text-align: center;
}
.incon-bat span {
width: 8px;
height: 8px;
margin: 0 4px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #00164a;
}
.incon-bat span.swiper-pagination-bullet-active {
background: #facd01;
}
.inpro {
overflow: hidden;
}
.inpro-btmwrap {
padding: 7px 0 30px;
}
.inpro-btm {
position: relative;
margin-top: 10px;
}
.inpro-btmfl {
padding: 20px 20px 20px;
line-height: 24px;
font-size: 14px;
color: #929aa1;
background: #fbfcff;
border-bottom: 4px solid #00164a;
-webkit-box-shadow: 0px 5px 18px -5px #bbb;
box-shadow: 0px 5px 18px -5px #bbb;
}
.inpro-btmfl h3 {
line-height: 1.25;
font-size: 18px;
color: #00164a;
}
.inpro-btma {
margin-top: 20px;
line-height: 1.44444;
}
.inpro-btma span {
font-size: 16px;
color: #929aa1;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.inpro-btma i {
position: relative;
width: 20px;
height: 20px;
margin-left: 6px;
border: 1px solid #929aa1;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.inpro-btma i:after {
position: absolute;
left: 50%;
top: 50%;
width: 7px;
height: 7px;
border-top: 2px solid #929aa1;
border-right: 2px solid #929aa1;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
.inpro-btma:hover span {
color: #00164a;
}
.inpro-btmfldes {
margin-top: 10px;
}
.more-active2,
.more-active3 {
display: inline-block;
vertical-align: middle;
font-size: 0;
}
.more-active2 span,
.more-active2 i,
.more-active3 span,
.more-active3 i {
display: inline-block;
vertical-align: middle;
font-style: normal;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.more-active2:hover i,
.more-active3:hover i {
-webkit-animation: more2 linear 1.1s infinite;
-o-animation: more2 linear 1.1s infinite;
animation: more2 linear 1.1s infinite;
}
.more-active3 span {
font-size: 14px;
color: #929aa1;
}
.more-active3:hover span {
color: #020920;
}
.more-active3 i {
position: relative;
margin-left: 5px;
}
.more-active3 i:after {
position: relative;
width: 7px;
height: 7px;
display: block;
border-top: 2px solid #929aa1;
border-right: 2px solid #929aa1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
.more-active3:hover i:after {
border-color: #373d4f;
}
.inview-a {
line-height: 1.44444;
}
.inview-a span {
font-size: 16px;
color: #929aa1;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.inview-a i,
.suzycon-a i {
position: relative;
width: 20px;
height: 20px;
margin-left: 6px;
border: 1px solid #929aa1;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.inview-a i:after,
.suzycon-a i:after {
position: absolute;
left: 50%;
top: 50%;
width: 7px;
height: 7px;
border-top: 2px solid #929aa1;
border-right: 2px solid #929aa1;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
.inview-a:hover span,
.suzycon-a:hover span {
color: #00164a;
}
.inview-a:hover i,
.inview-a:hover i:after,
.suzycon-a:hover i,
.suzycon-a:hover i:after {
border-color: #00164a;
}
@-webkit-keyframes more2 {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@-o-keyframes more2 {
0% {
-o-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-o-transform: translateX(5px);
transform: translateX(5px);
}
100% {
-o-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes more2 {
0% {
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px);
}
100% {
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
}
.insale {
padding: 24px 0;
overflow: hidden;
background: #f2f4f7;
}
.insale-txt {
padding: 32px 20px 0px 0;
max-width: 360px;
font-family: 'MontserratB';
}
.insale-txt h4 {
margin-top: 4px;
line-height: 1.58333;
font-size: 16px;
font-weight: bold;
color: #c2c8d4;
}
.insale-txt a {
display: inline-block;
vertical-align: middle;
margin-top: 7px;
line-height: 1.4;
font-size: 14px;
color: #00164a;
}
.insale-txt a img {
margin-left: 5px;
}
.insale-view {
position: relative;
}
.insale-tit {
overflow: hidden;
}
.insale-tit h3 {
float: left;
max-width: 160px;
overflow: hidden;
line-height: 24px;
font-size: 18px;
color: #00164a;
}
.insale-num {
padding-left: 5px;
line-height: 48px;
font-size: 50px;
color: #facd01;
overflow: hidden;
}
.inexpo {
padding: 30px 0 30px;
}
.inexpo-one {
position: relative;
overflow: hidden;
}
.inexpo-onetext {
padding: 20px 20px 18px;
background: rgba(234, 243, 249, 0.8);
}
.inexpo-onea {
margin-top: 10px;
line-height: 26px;
}
.inexpo-onea span {
font-size: 14px;
color: #929aa1;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.inexpo-onea i {
position: relative;
margin-left: 5px;
}
.inexpo-onea i:after {
top: 50%;
left: 50%;
position: absolute;
width: 7px;
height: 7px;
border-top: 2px solid #929aa1;
border-right: 2px solid #929aa1;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
content: '';
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.inexpo-onea:hover span {
color: #020920;
}
.inexpo-onetit {
position: relative;
line-height: 1.55556;
font-size: 14px;
color: #020920;
}
.inexpo-onetit h3 {
margin-bottom: 5px;
line-height: 1;
font-size: 20px;
color: #00164a;
}
.inexpo-onetit:after {
width: 62px;
height: 4px;
display: block;
background: #facd01;
content: '';
}
.inexpo-onedes {
margin-bottom: 8px;
}
.inexpo-two {
margin-top: 30px;
}
.inabout .inview-a {
margin-top: 10px;
}
.intit2 {
position: relative;
}
.intit2 h2 {
line-height: 1;
font-size: 20px;
color: #020920;
font-family: 'SourceHanM';
}
.intit2 h2:after {
display: block;
width: 62px;
height: 2px;
margin-top: 8px;
background: #facd01;
content: '';
}
.intit2 h3 {
margin-top: 5px;
line-height: 1.33333;
font-size: 16px;
color: #ccced2;
}
.inabout-img {
width: 100%;
margin-top: 14px;
position: relative;
height: 0;
padding-top: 35.71429%;
overflow: hidden;
-webkit-box-shadow: 0px 10px 15px -10px #aaa;
box-shadow: 0px 10px 15px -10px #aaa;
}
.inabout-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.inabout-des {
margin-top: 12px;
line-height: 2;
font-size: 14px;
color: #020920;
}
.innews {
margin-top: 30px;
}
.intit2 .inview-a {
position: absolute;
bottom: 3px;
right: 0;
z-index: 10;
}
.innews-ul {
padding-top: 10px;
}
.innews-ul li a {
position: relative;
padding: 14px 80px 22px 0;
display: block;
width: 100%;
height: 100%;
border-bottom: 1px solid #c4c6cb;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.innews-ul li h3 {
height: 24px;
line-height: 24px;
font-size: 16px;
color: #696b6e;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.innews-time {
position: absolute;
top: 14px;
right: 24px;
z-index: 3;
line-height: 24px;
font-size: 16px;
color: #00164a;
}
.innews-des {
margin-top: 8px;
line-height: 18px;
font-size: 14px;
color: #a7a9ad;
max-height: 36px;
line-height: 18px;
display: -webkit-box;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.injoin {
padding: 26px 0 30px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.intit.clrwt h2 {
color: #fff;
}
.injoin-view {
margin-top: 20px;
text-align: center;
font-size: 0;
}
.injoin-view a {
display: inline-block;
vertical-align: middle;
width: 100px;
height: 46px;
margin: 0 4px 10px;
padding-left: 20px;
text-align: center;
line-height: 46px;
font-size: 14px;
color: #929aa1;
background-repeat: no-repeat;
background-position: 10px center;
background-color: #f2f4f7;
background-size: auto 30%;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.injoin-view a.a1 {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/a11.png);
}
.injoin-view a.a2 {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/a21.png);
}
.injoin-view a.a3 {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/a31.png);
}
.injoin-view a:hover {
color: #020920;
}
.inbeinter {
padding: 30px 0 30px;
}
.inbeinter-view {
position: relative;
}
.inbeinter-view .swiper-container {
padding: 18px 0;
}
.inbeinter-img {
width: 100%;
position: relative;
height: 0;
padding-top: 48.3871%;
overflow: hidden;
}
.inbeinter-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.talk-two .swiper-slide .products-onetxt {
margin-top: 0;
background: none;
}
.talk-two .swiper-slide .products2-onedes {
height: 22px;
-webkit-line-clamp: 1;
}
.inbeinter-text h3 {
position: relative;
padding: 0 30px 0 10px;
height: 32px;
line-height: 32px;
font-size: 16px;
color: #020920;
border-bottom: 1px solid #e5e6e8;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.inbeinter-text h3:after {
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
border-top: 2px solid #020920;
border-right: 2px solid #020920;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
content: '';
}
.inbeinter-des {
padding: 0 10px;
margin-top: 6px;
font-size: 14px;
color: #a7a9ad;
display: -webkit-box;
height: 40px;
line-height: 20px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
-webkit-transition: all .5;
-o-transition: all .5;
transition: all .5;
}
.neibanner {
position: relative;
overflow: hidden;
}
.neibanner .neibanner-img {
position: relative;
left: 50%;
max-width: none;
width: auto;
height: 150px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.neibanner .incommonweb {
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
width: 100%;
height: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.neibanner-text {
display: inline-block;
vertical-align: middle;
width: auto;
min-width: 230px;
max-width: 80%;
padding: 20px 15px;
background: rgba(0, 181, 255, 0.6);
font-family: 'MontserratB';
}
.neibanner-text h2 {
line-height: 1.25;
font-size: 18px;
color: #eef0f7;
}
.neibanner-text h3 {
line-height: 1.5;
font-size: 15px;
color: #eef0f7;
margin-top: 5px;
}
.neiermenu {
padding: 10px 0;
}
.neiermenu-a {
font-size: 0;
padding-left: 24px;
background: url(http://zhouxin.new.uoeee.com/dist/images/home.png) no-repeat center left;
background-size: auto 80%;
}
.neiermenu-a a {
position: relative;
display: inline-block;
vertical-align: middle;
line-height: 1.66667;
margin-left: 7px;
padding-left: 10px;
font-size: 14px;
color: #929aa1;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.neiermenu-a a:after {
position: absolute;
top: 50%;
left: 0;
border-left: 4px solid #777777;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
content: '';
}
.neiermenu-a a:hover {
color: #020920;
}
.global {
padding: 30px 0 30px;
}
.global-one {
overflow: hidden;
}
.global-one img {
width: 100%;
}
.global-two {
padding: 30px 0 30px;
border-bottom: 1px solid #ecedee;
}
.global-two:last-child {
border-bottom: none;
}
.global-twoul {
padding: 10px 0 10px;
}
.con-ul li {
display: inline-block;
width: 100%;
margin-bottom: 15px;
border: 1px solid #f5f5f5;
border-top: none;
padding: 15px 15px 20px;
-webkit-box-shadow: 0px 2px 2px -2px #d2d6df;
box-shadow: 0px 2px 2px -2px #d2d6df;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
cursor: pointer;
}
.con-ul li h3 {
line-height: 1.41667;
font-size: 18px;
color: #020920;
}
.con-ul li h3:after {
display: block;
width: 42px;
height: 3px;
margin-top: 6px;
background: #00164a;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
.con-ul2h3 {
line-height: 1.41667;
font-size: 18px;
color: #020920;
}
.con-ul2h3:after {
display: block;
width: 42px;
height: 3px;
margin-top: 6px;
background: #00164a;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
.global-twodes {
margin-top: 10px;
/**height: 78px;**/
line-height: 26px;
font-size: 14px;
color: #475159;
overflow-y: auto;
}
.global-twodes::-webkit-scrollbar {
width: 2px;
height: 8px;
background-color: #fff;
}
.global-twodes::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
}
.global-twodes::-webkit-scrollbar-thumb {
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color: #00164a;
}
.imorepages a {
position: relative;
display: block;
width: 120px;
height: 40px;
margin: 0 auto;
text-align: center;
line-height: 40px;
font-size: 0;
color: #020920;
background: #facd01;
-webkit-border-radius: 25px;
border-radius: 25px;
-webkit-box-shadow: 0px 10px 15px -10px #aaa;
box-shadow: 0px 10px 15px -10px #aaa;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.imorepages a span {
display: inline-block;
vertical-align: middle;
font-size: 14px;
}
.imorepages a:after {
display: inline-block;
vertical-align: middle;
margin-left: -6px;
border-left: 5px solid #020920;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
opacity: 0;
content: '';
}
.imorepages a:hover:after {
opacity: 1;
margin-left: 4px;
}
.contact-map {
margin-top: 20px;
height: 200px;
}
#map {
width: 100%;
height: 100%;
}
#map img {
max-width: none;
}
.contact-two {
padding-top: 22px;
}
/**.contact-two .global-twodes {
height: 104px;
}**/
.contact-ul li {
display: inline-block;
vertical-align: top;
width: 100%;
padding: 15px 15px;
border-bottom: 1px solid #f5f5f5;
margin-bottom: 10px;
}
.contact-ul1 li {
background: url(http://zhouxin.new.uoeee.com/dist/images/contact-ul1li.png) no-repeat bottom right;
background-size: auto 67.69231%;
}
.mycronic {
padding: 17px 0 30px;
}
.mycronic-one {
text-align: center;
line-height: 1.44444;
font-size: 14px;
color: #929aa1;
}
.mycronic-one h2 {
position: relative;
line-height: 2;
font-size: 20px;
color: #020920;
}
.mycronic-one h2:after {
position: absolute;
bottom: 0;
left: 50%;
width: 32px;
height: 3px;
margin-left: -16px;
background: #facd01;
content: '';
}
.mycronic-one .mycronic-onea {
display: block;
width: 120px;
height: 44px;
margin: 18px auto 0;
text-align: center;
line-height: 44px;
font-size: 0;
background: #0694d6;
-webkit-border-radius: 22px;
border-radius: 22px;
}
.mycronic-one .mycronic-onea span {
display: inline-block;
vertical-align: middle;
font-size: 13px;
color: #ffffff;
}
.mycronic-one .mycronic-onea i {
position: relative;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.mycronic-one .mycronic-onea i:after {
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
content: '';
}
.mycronic-onedes {
margin-top: 10px;
}
.mycronic-twoul {
padding-top: 30px;
font-size: 0;
}
.mycronic-twoul li {
display: inline-block;
vertical-align: top;
width: 49%;
margin-right: 2%;
margin-bottom: 15px;
text-align: center;
}
.mycronic-twoul li:nth-child(2n) {
margin-right: 0;
}
.mycronic-twoicon {
width: 74px;
height: 74px;
margin: 0 auto;
}
.mycronic-twotext {
padding-top: 10px;
}
.mycronic-twotext h3 {
line-height: 1;
font-size: 20px;
color: #facd01;
}
.mycronic-twotext h4 {
margin-top: 3px;
line-height: 22px;
font-size: 14px;
color: #929aa1;
}
.mycronic-three {
padding-top: 30px;
}
.mycronic-threeflul {
font-size: 0;
}
.mycronic-threeflul li {
display: inline-block;
vertical-align: top;
width: 49%;
margin-right: 2%;
margin-bottom: 10px;
}
.mycronic-threeflul li:nth-child(2n) {
margin-right: 0;
}
.mycronic-threeflul li:last-child {
margin-bottom: 0;
}
.mycronic-threeflul li h3 {
margin-bottom: 8px;
line-height: 1.04167;
font-size: 20px;
}
.mycronic-threeimg {
width: 100%;
position: relative;
height: 0;
padding-top: 75%;
overflow: hidden;
}
.mycronic-threeimg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mycronic-threetxt {
line-height: 1.55556;
font-size: 14px;
color: #929aa1;
}
.mycronic-threetxtimg {
margin-top: 30px;
}
.develop {
padding: 20px 0 30px;
}
.develop-one {
font-size: 0;
padding-top: 30px;
}
.develop-oneimg {
width: 100%;
position: relative;
height: 0;
padding-top: 66.66667%;
overflow: hidden;
}
.develop-oneimg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.develop-onetxt {
position: relative;
padding: 20px 20px 20px;
/**background: url(http://zhouxin.new.uoeee.com/dist/images/develop-onetxtbg.jpg);**/
line-height: 2;
font-size: 14px;
color: #020920;
}
.develop-onetxt:after,
.develop-onetxt:before {
position: absolute;
line-height: 1;
font-size: 32px;
color: #facd01;
font-family: 'Arial';
}
.develop-onetxt:before {
top: 20px;
left: 5px;
content: '脙垄芒鈥毬呪€�';
font-family: 'Arial';
}
.develop-onetxt:after {
bottom: 20px;
right: 14px;
line-height: 0.5;
content: '脙垄芒鈥毬偮�';
display: none;
}
.develop-onetxt h3 {
position: relative;
display: inline-block;
vertical-align: middle;
line-height: 1;
font-size: 18px;
color: #020920;
}
.develop-onetxt h3:before {
position: absolute;
top: -2px;
left: 0px;
width: 120px;
height: 100%;
background: url(http://zhouxin.new.uoeee.com/dist/images/productstitbg.png);
display: none;
content: '';
}
.develop-onetxt h3 span {
position: relative;
z-index: 1;
}
.develop-onetxt h3:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #facd01;
content: '';
display: none;
}
.develop-onedes {
margin-top: 10px;
}
.develop-two {
position: relative;
margin-top: 30px;
overflow: hidden;
-webkit-box-shadow: 0px 10px 20px -5px #bbb;
box-shadow: 0px 10px 20px -5px #bbb;
}
.develop-twotxt {
position: absolute;
top: 50%;
right: 8.20313%;
z-index: 3;
text-align: right;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.develop-twotxt h3 {
line-height: 1.5625;
font-size: 18px;
color: #020920;
}
.develop-twotxt h4 {
text-transform: uppercase;
line-height: 1.125;
font-size: 18px;
color: #a8c7e5;
}
.develop-threeul {
margin-top: 30px;
font-size: 0;
padding-bottom: 1px;
}
.develop-threeul li {
position: relative;
display: inline-block;
vertical-align: top;
width: 49%;
margin-right: 2%;
margin-bottom: 15px;
border-bottom: 1px solid #ebecec;
}
.develop-threeul li:nth-child(2n) {
margin-right: 0;
}
.develop-threeimg {
width: 100%;
position: relative;
height: 0;
padding-top: 83.33333%;
overflow: hidden;
}
.develop-threeimg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.develop-threetxt {
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
padding: 10px 10px 0;
background: #fff;
}
.develop-threetxt h3 {
line-height: 1.25;
font-size: 14px;
color: #020920;
}
.develop-threetxt h3 span {
font-size: 20px;
}
.develop-threedes {
margin-top: 14px;
line-height: 20px;
font-size: 14px;
height: 80px;
overflow-y: auto;
}
.develop-threedes::-webkit-scrollbar {
width: 2px;
height: 8px;
background-color: #fff;
}
.develop-threedes::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
}
.develop-threedes::-webkit-scrollbar-thumb {
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color: #00164a;
}
.develop-four {
position: relative;
margin-top: 30px;
padding: 20px 20px 20px 20px;
line-height: 1.625;
font-size: 14px;
color: #fff;
background: #0091d3;
-webkit-box-shadow: 0px 10px 20px -5px #bbb;
box-shadow: 0px 10px 20px -5px #bbb;
}
.develop-four h3 {
line-height: 1.25;
font-size: 18px;
color: #fff;
}
.develop-four .develop-foura {
display: block;
width: 100px;
height: 34px;
text-align: center;
line-height: 34px;
margin-top: 10px;
background: #fff;
-webkit-border-radius: 22px;
border-radius: 22px;
}
.develop-fourdes {
margin-top: 5px;
}
.develop-fiveul {
margin-top: 30px;
font-size: 0;
}
.develop-fiveul li {
width: 50%;
display: inline-block;
vertical-align: top;
margin-bottom: 15px;
}
.develop-fiveul li a {
display: block;
width: 100%;
padding: 15px 15px 15px;
-webkit-box-shadow: 0px 5px 15px -5px #bbb;
box-shadow: 0px 5px 15px -5px #bbb;
}
.develop-fiveul li h3 {
line-height: 1.5;
font-size: 16px;
color: #0091d3;
}
.develop-fiveul li .develop-fivea {
margin-top: 6px;
}
.develop-fivedes {
margin-top: 7px;
font-size: 14px;
color: #020920;
display: -webkit-box;
height: 44px;
line-height: 22px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.abcontact {
padding: 14px 0 32px;
}
.abcontact-one {
margin-top: 20px;
width: 100%;
height: 200px;
}
.abcontact-two {
position: relative;
margin-top: 20px;
font-size: 14px;
line-height: 1.375;
background: url(http://zhouxin.new.uoeee.com/dist/images/abcontact-iconbg.png) right bottom no-repeat;
background-size: auto 60.68966%;
}
.abcontact-two h3 {
line-height: 1.16667;
font-size: 20px;
color: #141a28;
}
.abcontact-two h4 {
margin-top: 7px;
line-height: 1.09091;
font-size: 14px;
color: #141a28;
}
.abcontact-two h4:after {
display: block;
width: 42px;
height: 4px;
margin-top: 4px;
background: #00164a;
content: '';
}
.abcontact-twode {
margin-top: 10px;
}
.abcontact-twode p {
margin-bottom: 5px;
}
.abcontact-twospan {
float: left;
display: block;
}
.abcontact-twospantxt {
display: block;
overflow: hidden;
}
.social {
padding: 20px 0 30px;
}
.social-ul li {
position: relative;
width: 100%;
margin-bottom: 35px;
}
.social-img {
width: 100%;
position: relative;
height: 0;
padding-top: 66.66667%;
overflow: hidden;
}
.social-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.social-text {
padding-top: 5px;
font-size: 14px;
line-height: 24px;
}
.social-text h3 {
line-height: 2.16667;
font-size: 20px;
color: #020920;
font-family: 'MontserratM';
}
.social-text .content-ac {
margin-top: 10px;
}
.content-ac {
display: inline-block;
vertical-align: middle;
width: 120px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 0;
-webkit-border-radius: 25px;
border-radius: 25px;
-webkit-box-shadow: 0px 5px 15px -5px #aaa;
box-shadow: 0px 5px 15px -5px #aaa;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.content-ac:hover {
background: #facd01;
}
.content-ac:hover span {
color: #020920;
}
.content-ac span,
.content-ac i {
display: inline-block;
vertical-align: middle;
}
.content-ac span {
font-size: 14px;
color: #929aa1;
}
.content-ac i {
position: relative;
width: 20px;
height: 20px;
margin-left: 6px;
border: 1px solid #080f25;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.content-ac i:after {
position: absolute;
left: 50%;
top: 50%;
width: 7px;
height: 7px;
border-top: 2px solid #080f25;
border-right: 2px solid #080f25;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
.content-ac:hover i {
-webkit-animation: more2 linear 1.1s infinite;
-o-animation: more2 linear 1.1s infinite;
animation: more2 linear 1.1s infinite;
}
.news {
padding: 20px 0 20px;
}
.news-twoul {
margin-top: 20px;
font-size: 0;
padding-bottom: 10px;
}
.news-twoul li {
display: inline-block;
vertical-align: top;
width: 100%;
margin-bottom: 15px;
}
.news-twoimg {
width: 100%;
position: relative;
height: 0;
padding-top: 60%;
overflow: hidden;
}
.news-twoimg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.news-twotxt {
position: relative;
width: 92.5%;
padding: 10px 15px 15px;
margin: -12% auto 0;
font-size: 14px;
color: #666;
background: #fff;
}
.news-twotxt:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #00164a;
content: '';
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.news-twotxt h3 {
line-height: 1.33333;
font-size: 18px;
color: #000000;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.news-twodes {
margin-top: 5px;
display: -webkit-box;
height: 24px;
line-height: 24px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.imorepages2 a {
background: #facd01;
color: #020920;
}
.imorepages2 a:after {
border-left-color: #020920;
}
.news-three {
margin-top: 30px;
position: relative;
overflow: hidden;
}
.news-three img {
width: 100%;
}
.news-threetxt {
padding: 15px 15px 15px;
background: rgba(234, 243, 249, 0.95);
}
.news-threetit h3 {
margin-bottom: 5px;
line-height: 1;
font-size: 20px;
color: #00164a;
font-family: 'MontserratM';
}
.news-threetit h4,
.news-threetit h5 {
margin-bottom: 7px;
line-height: 1.55556;
font-size: 16px;
color: #020920;
}
.news-threetit h5 {
color: #052368;
}
.news-threetit:after {
display: block;
width: 62px;
margin-top: -10px;
height: 4px;
background: #facd01;
content: '';
}
.news-four {
margin-top: 30px;
}
.news-tit {
position: relative;
line-height: 1.22222;
color: #020920;
}
.news-tit span,
.news-tit img {
position: relative;
z-index: 3;
vertical-align: middle;
display: inline-block;
}
.news-tit img {
height: 20px;
}
.news-tit span {
font-size: 20px;
padding-left: 5px;
}
.news-tit:after {
position: absolute;
display: none;
top: -3px;
left: -8px;
width: 22px;
height: 22px;
background: url(http://zhouxin.new.uoeee.com/dist/images/news-titbg.png) no-repeat center center;
background-size: cover;
content: '';
}
.news-fourview {
margin-top: 15px;
}
.news-fourview .swiper-container {
padding: 5px 0;
}
.news-fourview .swiper-slide {
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
-o-transition: -o-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s, -o-transform .5s;
}
.news-fourimg {
width: 100%;
position: relative;
height: 0;
padding-top: 50%;
overflow: hidden;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.news-fourimg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.news-fourtxt {
padding-top: 5px;
}
.news-fourtime {
float: left;
width: 50px;
height: 50px;
padding-top: 5px;
text-align: center;
line-height: 14px;
font-size: 14px;
color: #020920;
background: #eef0f7;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.news-fourtime h6 {
margin-bottom: 2px;
line-height: 1;
font-size: 24px;
}
.news-fourfr {
overflow: hidden;
padding-left: 15px;
line-height: 24px;
font-size: 14px;
color: #020920;
}
.news-fourfr h3 {
line-height: 22px;
font-size: 16px;
color: #020920;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.news-fourdes {
margin-top: 5px;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.propost2 {
padding: 20px 0 20px;
}
.propost2-one {
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0px 10px 20px -5px #ddd;
box-shadow: 0px 10px 20px -5px #ddd;
}
.propost2-one {
margin-bottom: 20px;
}
.propost2-one img {
width: 100%;
}
.propost2-two {
margin-top: 20px;
line-height: 1.77778;
font-size: 14px;
color: #3f4146;
}
.propost2-two h3 {
line-height: 1.45455;
font-size: 18px;
color: #020920;
}
.propost2-twodes {
margin-top: 8px;
}
.propost2-three {
margin-top: 15px;
padding-bottom: 15px;
}
.propost2-three h4 {
line-height: 35px;
font-size: 16px;
color: #0091d3;
}
.content-fen {
font-size: 0;
line-height: 35px;
}
.content-fentit {
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: #020920;
}
.content-fenv {
display: inline-block;
vertical-align: middle;
font-size: 0;
}
.content-fenv a {
line-height: 35px !important;
height: 35px !important;
float: none !important;
display: inline-block;
vertical-align: middle;
margin: 0 0 0 10px !important;
padding: 0 !important;
}
.content-fenv a img {
vertical-align: middle;
}
.content-fenv a:first-child {
margin: 0 0 0 5px !important;
}
.propost2-four {
position: relative;
padding: 20px 0 15px;
line-height: 2;
font-size: 14px;
color: #3f4146;
margin-top: 20px;
}
/**.propost2-four:after { position: absolute; top: 0; left: 0; width: 100%; height: 8px; background: url(http://zhouxin.new.uoeee.com/dist/images/fourafdter1.png) repeat-x; content: ''; }**/
.propost2-confr {
padding-top: 20px;
}
.propost2-confr h2 {
line-height: 1;
font-size: 18px;
color: #020920;
}
.propost2-confr h3 {
margin-top: 5px;
line-height: 1.33333;
font-size: 14px;
text-transform: uppercase;
color: #80848f;
}
.propost2-confrimg {
width: 100%;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
position: relative;
height: 0;
padding-top: 58.82353%;
overflow: hidden;
}
.propost2-confrimg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.porpost2-confrul {
margin-top: 15px;
}
.porpost2-confrul li {
margin-bottom: 20px;
}
.propost2-confrtxt {
padding-top: 8px;
line-height: 28px;
font-size: 14px;
color: #3f4146;
}
.propost2-confrtxt h3 {
line-height: 1.55556;
font-size: 16px;
color: #020920;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.propost2-confrdes {
margin-top: 5px;
display: -webkit-box;
height: 48px;
line-height: 24px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.about {
padding-top: 13px;
}
.about-onewrap {
padding-top: 20px;
font-size: 0;
}
.about-oneimg {
position: relative;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0px 10px 15px -5px #bbb;
box-shadow: 0px 10px 15px -5px #bbb;
}
.about-oneimg .about-oneimg1 {
width: 100%;
}
.about-oneimg .player-btn {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
display: block;
width: 52px;
height: 52px;
text-align: center;
line-height: 52px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.about-onefr {
padding-top: 15px;
line-height: 2;
font-size: 14px;
color: #3f4146;
}
.about-onefr h3 {
line-height: 1.33333;
font-size: 18px;
color: #020920;
}
.about-onedes {
margin-top: 10px;
text-indent: 2em;
}
.content-txt,
.about-sixtxt {
position: relative;
padding: 10px 0;
}
.content-txt:after,
.content-txt:before,
.about-sixtxt:after,
.about-sixtxt:before {
position: absolute;
line-height: 1;
font-size: 32px;
color: #facd01;
text-indent: 0em;
font-family: 'Arial';
}
.content-txt:before,
.about-sixtxt:before {
top: 0;
left: 0;
content: '脙垄芒鈥毬呪€�';
}
.content-txt:after,
.about-sixtxt:after {
bottom: 0;
right: 0px;
line-height: 0.5;
content: '脙垄芒鈥毬偮�';
display: none;
}
.about-onespan1 {
line-height: 1;
font-size: 26px;
color: #020920;
}
.about-two {
padding-top: 30px;
}
.about-twowrap {
margin-top: 20px;
padding: 6.71875% 5.85938%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-box-shadow: 0px 10px 25px -5px #aaa;
box-shadow: 0px 10px 25px -5px #aaa;
}
.about-twotit {
line-height: 1.8;
font-size: 14px;
color: #fff;
}
.about-twotit h3 {
line-height: 1;
font-size: 20px;
color: #fff;
}
.about-twotit h3:after {
display: block;
width: 26px;
height: 3px;
margin-top: 10px;
background: #facd01;
content: '';
}
.about-twodes {
margin-top: 13px;
}
.about-twoul {
margin-top: 20px;
font-size: 0;
}
.about-twoul li {
display: inline-block;
width: 23.67257%;
margin-right: 1.76991%;
}
.about-twoul li:nth-child(4n) {
margin-right: 0;
}
.about-twoliitem {
display: inline-block;
text-align: center;
}
.about-twoliitem h3 {
margin-top: 4px;
line-height: 1;
color: #fff;
font-family: 'MontserratB';
}
.about-twoliitem h3 span,
.about-twoliitem h3 i {
display: inline-block;
vertical-align: middle;
font-style: normal;
font-size: 20px;
}
.about-twoliitem h3 i {
line-height: .5;
}
.about-twoicon {
width: 40px;
height: 40px;
margin: 0 auto;
text-align: center;
line-height: 40px;
}
.about-twoicon img {
max-height: 30px;
}
.about-twotxt {
margin-top: 5px;
line-height: 24px;
font-size: 12px;
color: #ffffff;
}
.about-three {
margin-top: 30px;
}
.about-threewrap {
margin-top: 10px;
font-size: 0;
}
.about-threetxt {
line-height: 24px;
font-size: 14px;
color: #020920;
}
.about-threetxt ul li {
padding-bottom: 5px;
}
.about-threefr {
margin-top: 10px;
}
.about-threeimg {
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0px 10px 15px -5px #aaa;
box-shadow: 0px 10px 15px -5px #aaa;
}
.about-threeimg img {
width: 100%;
}
.about-four {
padding-top: 30px;
}
.about-fourwrap {
position: relative;
margin-top: 20px;
overflow: hidden;
}
.about-fourwrap img {
width: 100%;
}
.about-fourtext {
padding: 15px 0;
}
.about-fourtxt {
line-height: 1.7;
font-size: 0;
}
.about-fourtxt h3 {
position: relative;
display: inline-block;
vertical-align: middle;
line-height: 1;
padding-bottom: 7px;
}
.about-fourtxt h3 span {
position: relative;
z-index: 2;
width: 100%;
display: block;
font-size: 20px;
font-weight: bold;
}
.about-fourtxt h3:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #facd01;
content: '';
}
.about-fourtxt .about-foura {
display: block;
width: 120px;
height: 40px;
margin-top: 15px;
text-align: center;
line-height: 40px;
background: #fff;
-webkit-border-radius: 22px;
border-radius: 22px;
}
.about-fourtxt .about-foura:after {
border-left-color: #facd01;
}
.about-fourdes {
font-size: 14px;
margin-top: 10px;
}
.more-active4 {
font-size: 0;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.more-active4 span {
display: inline-block;
vertical-align: middle;
font-size: 14px;
}
.more-active4:after {
display: inline-block;
vertical-align: middle;
margin-left: -6px;
border-left: 5px solid #00164a;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
opacity: 0;
content: '';
}
.more-active4:hover {
-webkit-box-shadow: 0px 5px 10px -5px #bbb;
box-shadow: 0px 5px 10px -5px #bbb;
}
.more-active4:hover:after {
opacity: 1;
margin-left: 4px;
}
.about-fourbg {
display: none;
}
.about-five {
margin-top: 30px;
}
.about-fivewrap1 {
position: relative;
margin-top: 30px;
}
.about-fivetxt {
margin-top: 10px;
line-height: 1.40625;
font-size: 0;
}
.about-fivetxt h3 {
position: relative;
line-height: 1;
display: inline-block;
vertical-align: middle;
}
.about-fivetxt h3 span {
position: relative;
z-index: 3;
display: block;
font-size: 20px;
color: #a5afc5;
}
/**.about-fivetxt h3:after { display: block; width: 100%; height: 4px; margin-top: 0px; background: #facd01; content: ''; }**/
.about-fivedes {
margin-top: 8px;
font-size: 16px;
color: #515666;
}
.about-fiveul {
margin-top: 20px;
font-size: 0;
}
.about-fiveul li {
position: relative;
display: inline-block;
vertical-align: top;
margin-bottom: 15px;
width: 100%;
font-size: 14px;
color: #020920;
}
.about-fiveul li span {
padding: 0 8px;
font-family: 'MontserratB';
}
.about-fiveul li span,
.about-fiveul li i {
display: inline-block;
vertical-align: bottom;
font-style: normal;
margin-bottom: 2px;
font-size: 20px;
line-height: 1.04167;
font-weight: bold;
color: #ccced2;
}
.about-fiveul li:after {
position: absolute;
top: 50%;
right: 0;
display: none;
width: 1px;
height: 24px;
margin-top: -12px;
background: #bcbdc4;
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
transform: rotate(40deg);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
-o-transform-origin: top right;
transform-origin: top right;
content: '';
}
.about-six {
padding: 20px 0 30px;
}
.about-sixwrap {
margin-top: 20px;
font-size: 0;
}
.about-sixfl {
width: 100%;
}
.about-siximg {
width: 100%;
-webkit-box-shadow: 0px 10px 15px -5px #aaa;
box-shadow: 0px 10px 15px -5px #aaa;
}
.about-siximg img {
width: 100%;
}
.about-sixtxt {
margin-top: 20px;
padding-right: 10px;
line-height: 24px;
font-size: 14px;
color: #000;
}
.about-sixtxt::-webkit-scrollbar {
width: 2px;
height: 8px;
background-color: #fff;
}
.about-sixtxt::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
}
.about-sixtxt::-webkit-scrollbar-thumb {
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color: #00164a;
}
.about-sixtxt h4 {
float: left;
width: 50px;
}
.about-sixdes {
overflow: hidden;
}
.contentbtm-img {
width: 100%;
position: relative;
height: 0;
padding-top: 62.5%;
overflow: hidden;
}
.contentbtm-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.contentbtm-tui {
padding: 30px 0 20px;
background: #eef0f7;
}
.contentbtm-txt {
position: relative;
z-index: 5;
width: 64%;
margin: -20px auto 0;
text-align: center;
background: rgba(255, 255, 255, 0.9);
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
-o-transition: -o-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s, -o-transform .5s;
}
.contentbtm-txt h3 {
padding: 0 10px;
height: 40px;
line-height: 40px;
font-size: 14px;
color: #929aa1;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.contentbtm-view {
position: relative;
margin-top: 10px;
}
.contentbtm-view .swiper-container {
padding: 10px 0;
}
.contentbtm-view .swiper-slide {
overflow: visible;
}
.products-one {
padding: 20px 0 1px;
}
.products-tit h2 {
position: relative;
font-size: 0;
font-family: 'MontserratM';
}
.products-tit h2 span {
position: relative;
z-index: 3;
display: inline-block;
vertical-align: middle;
line-height: 1.5625;
font-size: 18px;
color: #020920;
}
.products-tit h2 .products-icon {
width: 25px;
}
.products-tit h2 .products-icon img {
height: 18px;
}
.products-tit h2:after {
position: absolute;
top: -2px;
left: 5px;
width: 120px;
height: 100%;
background: url(http://zhouxin.new.uoeee.com/dist/images/productstitbg.png);
content: '';
display: none;
}
.products-tit h3 {
padding-left: 25px;
line-height: 20px;
font-size: 14px;
color: #929aa1;
}
.products-oneul {
margin-top: 20px;
font-size: 0;
}
.products-oneul li {
display: inline-block;
vertical-align: top;
width: 49%;
margin-bottom: 20px;
margin-right: 2%;
}
.products-oneul li:nth-child(2n) {
margin-right: 0;
}
.products-oneimg {
width: 100%;
position: relative;
height: 0;
padding-top: 68.29268%;
overflow: hidden;
}
.products-oneimg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.products-onetxt {
position: relative;
width: 90.2439%;
padding: 2.92683% 7.31707% 3%;
margin: -30px auto 0;
background: #fff;
border-bottom: 2px solid #eef0f7;
line-height: 24px;
font-size: 14px;
color: #020920;
}
.products-onetxt h3 {
position: relative;
z-index: 3;
line-height: 1.4;
font-size: 16px;
color: #020920;
}
.products-onetxt h3 p {
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.products-onetxt h3:after {
position: absolute;
top: 50%;
left: -5px;
width: 2px;
height: 15px;
background: #020920;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
content: '';
}
.products2-onedes {
position: relative;
z-index: 3;
margin-top: 5px;
display: -webkit-box;
height: 22px;
line-height: 22px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
color: #666;
}
.products-two {
position: relative;
margin-top: 22px;
}
.products-two img {
width: 100%;
}
.products-two h3 {
width: 100%;
padding: 0 10px;
margin-top: 10px;
text-align: center;
line-height: 26px;
font-size: 14px;
color: #020920;
}
.insideproducts {
padding-bottom: 30px;
}
.products-three {
padding-top: 20px;
}
.products-threeview {
position: relative;
margin-top: 20px;
}
.products-threeview .swiper-container {
padding: 10px 0;
}
.products-threeview .inabsor-btn {
border-color: #e5e5e5;
background: #e5e5e5;
}
.products-threeview .inabsor-btn span:after {
border-color: #00164a;
}
.products-threeview .inabsor-btn:hover {
border-color: #facd01;
background: #facd01;
-webkit-box-shadow: 0px 5px 10px -5px #ddd;
box-shadow: 0px 5px 10px -5px #ddd;
}
.products-threeview .inabsor-btn:hover span:after {
border-color: #fff;
}
.products-threeimg {
width: 100%;
position: relative;
height: 0;
padding-top: 56.09756%;
overflow: hidden;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.products-threeimg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.products-threetxt {
padding: 5px 10px 0;
font-size: 14px;
color: #4d5262;
}
.products-threetxt h3 {
line-height: 2;
font-size: 16px;
color: #020920;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.products-threedes {
display: -webkit-box;
height: 44px;
line-height: 22px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.products-four {
padding: 30px 0 35px;
background: #eef0f7;
}
.products-fourwrap {
font-size: 0;
margin-top: 20px;
}
.products-fourwrap a {
display: inline-block;
vertical-align: top;
width: 100%;
padding: 15px 10px;
margin-bottom: 10px;
font-size: 14px;
color: #484e60;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
border-bottom: 2px solid #dcdfe6;
}
.products-fourwrap a p {
display: -webkit-box;
height: 52px;
line-height: 26px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.case-one {
padding: 20px 0 10px;
font-size: 0;
}
.products-tit.active h2 {
margin-left: 0;
}
.case-oneimg {
width: 100%;
overflow: hidden;
}
.case-oneimg img {
width: 100%;
}
.casepost-oneimg {
position: relative;
widows: 100%;
overflow: hidden;
}
.casepost-oneimg .casepost-oneimgx {
width: 100%;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.casepost-oneimg .player-btn {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
display: block;
width: 52px;
height: 52px;
text-align: center;
line-height: 52px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.case-onetext {
padding-top: 15px;
line-height: 2;
font-size: 14px;
color: #020920;
}
.case-onedes {
position: relative;
text-indent: 2em;
margin-top: 8px;
}
.case-onedes:after {
position: absolute;
line-height: 1;
font-size: 32px;
color: #facd01;
top: 0;
left: 0;
text-indent: 0em;
content: '脙垄芒鈥毬呪€�';
display: none;
}
.casepost {
padding: 20px 0 30px;
}
.casepost-one {
font-size: 0;
position: relative;
}
.casepost-onetxt {
padding-top: 15px;
line-height: 2;
font-size: 14px;
color: #929aa1 !important;
}
.casepost-onedes {
position: relative;
text-indent: 2em;
margin-top: 8px;
line-height: 1.5;
font-size: 16px;
}
.casepost-onedes:after {
position: absolute;
line-height: 1;
font-size: 32px;
color: #facd01;
top: 0;
left: 0;
text-indent: 0em;
content: '芒鈧�';
font-family: 'Arial';
}
.casepost-onetxt2 {
margin: 10px 0;
}
.casepost-onetxt2 * {
color: #020920 !important;
}
.casepost-two {
padding-top: 20px;
font-size: 0;
}
.casepost-twoul {
font-size: 0;
margin-bottom: 10px;
position: relative;
}
.casepost-twoul .swiper-slide img {
width: 100%;
}
.case-tworight {
margin-top: 10px;
font-size: 0;
text-align: center;
}
.case-tworighta {
display: inline-block;
vertical-align: middle;
width: 160px;
height: 40px;
text-align: center;
line-height: 40px;
border: 1px solid #020920;
-webkit-border-radius: 28px;
border-radius: 28px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.case-tworighta span {
display: inline-block;
vertical-align: middle;
margin-left: 3px;
font-size: 16px;
color: #020920;
}
.case-tworighta:hover {
-webkit-box-shadow: 0px 10px 20px -5px #aaa;
box-shadow: 0px 10px 20px -5px #aaa;
color: #020920;
background: #facd01;
border-color: #facd01;
}
.casepost-three {
padding-top: 30px;
}
.casepost-threedes {
position: relative;
margin-top: 10px;
line-height: 2;
font-size: 14px;
color: #020920;
}
.casepost-threedes ul,
.casepost-threedes li,
.propost1-onewrap ul,
.propost1-onewrap li {
list-style: disc outside none;
}
.casepost-threedes img {
max-width: 100% !important;
}
.casepost-four {
padding-top: 30px;
}
.casepost-fourview {
margin-top: 10px;
}
.casepost-fourview .swiper-container {
padding: 10px 0;
}
.casepost-fourview .swiper-slide {
-webkit-transition: -webkit-transform .5s, -webkit-box-shadow .5s;
transition: -webkit-transform .5s, -webkit-box-shadow .5s;
-o-transition: box-shadow .5s, -o-transform .5s;
transition: transform .5s, box-shadow .5s;
transition: transform .5s, box-shadow .5s, -webkit-transform .5s, -o-transform .5s, -webkit-box-shadow .5s;
}
.casepost-fourimg {
width: 100%;
position: relative;
height: 0;
padding-top: 50%;
overflow: hidden;
}
.casepost-fourimg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.casepost-fourtxt h3 {
position: relative;
padding: 0 40px 0 15px;
height: 44px;
line-height: 44px;
font-size: 14px;
color: #929aa1;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
background: #eef0f7;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.casepost-fourtxt h3:after {
position: absolute;
top: 50%;
right: 20px;
width: 12px;
height: 12px;
border-top: 2px solid #929aa1;
border-right: 2px solid #929aa1;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
.casepost-five {
margin-top: 30px;
overflow: hidden;
}
.casepost-five img {
width: 100%;
}
.propost1-one {
padding-top: 30px;
}
.propost1-onewrap {
margin-top: 20px;
overflow-x: auto;
font-size: 14px;
}
.walfare-one {
padding: 10px 0 30px;
}
.walfare-onewrap {
width: 100%;
margin-top: 20px;
font-size: 0;
}
.walfare-onewrap li {
display: inline-block;
vertical-align: top;
width: 50%;
padding: 17px 10px 10px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.walfare-onewrap li.li2 {
background-color: rgba(0, 145, 211, 0.5);
background-image: url(http://zhouxin.new.uoeee.com/dist/images/walfareafter1.png);
}
.walfare-onewrap li.li1,
.walfare-onewrap li.li5 {
display: none;
}
.walfare-onewrap li.li3 {
background: #0091d3;
}
.walfare-onewrap li.li4 {
background: rgba(0, 145, 211, 0.8);
}
.walfare-onewrap li.li6 {
width: 100%;
background: #f6f9fa;
}
.walfare-oneicon {
width: 48px;
height: 48px;
}
.walfare-oneicon img {
width: 100%;
}
.walfare-onetxt {
margin-top: 10px;
color: #fff;
font-size: 14px;
line-height: 24px;
}
.walfare-onetxt h3 {
line-height: 26px;
font-size: 16px;
}
.walfare-onedes {
margin-top: 5px;
height: 96px;
overflow-y: auto;
}
.walfare-onedes::-webkit-scrollbar {
width: 2px;
height: 8px;
background-color: #fff;
}
.walfare-onedes::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
}
.walfare-onedes::-webkit-scrollbar-thumb {
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color: #00164a;
}
.walfare-onetxt2 {
padding: 20px 20px 10px;
position: relative;
}
.walfare-onetxt2:after {
position: absolute;
line-height: 1;
font-size: 32px;
color: #facd01;
top: 0;
left: 0;
text-indent: 0em;
content: '脙垄芒鈥毬呪€�';
}
.walfare-onetxt2des {
height: 80px;
overflow-y: auto;
font-size: 22px;
color: #000000;
}
.walfare-onetxt2des::-webkit-scrollbar {
width: 2px;
height: 8px;
background-color: #fff;
}
.walfare-onetxt2des::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
}
.walfare-onetxt2des::-webkit-scrollbar-thumb {
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color: #00164a;
}
.walfare-two {
padding: 30px 0 20px;
background: #eef0f7;
}
.walfare-twowrap {
position: relative;
margin-top: 20px;
font-size: 0;
opacity: 0;
}
.walfare-twowrap li {
display: inline-block;
vertical-align: top;
width: 50%;
padding-right: 5px;
margin-bottom: 10px;
}
.walfare-twowrap li:nth-child(2) {
padding-left: 5px;
padding-right: 0px;
}
.walfare-twowrap li:nth-child(3),
.walfare-twowrap li:nth-child(5) {
padding-left: 0px;
padding-right: 5px;
}
.walfare-twowrap li:nth-child(4) {
padding-right: 0px;
padding-left: 5px;
}
.walfare-twowrap li a {
display: block;
width: 100%;
}
.walfare-twoimg {
width: 100%;
position: relative;
height: 0;
padding-top: 65.82278%;
overflow: hidden;
}
.walfare-twoimg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.walfare-twoimg2 {
width: 100%;
position: relative;
height: 0;
padding-top: 135.89744%;
overflow: hidden;
}
.walfare-twoimg2 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.walfare-three {
padding: 30px 0 30px;
}
.walfare-threea {
display: block;
width: 120px;
height: 40px;
margin: 0 auto;
text-align: center;
font-size: 0;
line-height: 40px;
-webkit-border-radius: 22px;
border-radius: 22px;
-webkit-box-shadow: 0px 10px 15px -5px #aaa;
box-shadow: 0px 10px 15px -5px #aaa;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.walfare-threea:hover {
background: #facd01;
}
.walfare-threea span {
display: inline-block;
vertical-align: middle;
padding-left: 4px;
font-size: 14px;
color: #020920;
}
.walfare-threea img {
height: 18px;
}
.walfare-tit {
text-align: center;
line-height: 1.22222;
font-size: 20px;
color: #020920;
}
.walfare-threewrap {
margin-top: 20px;
padding-bottom: 10px;
font-size: 0;
}
.walfare-threewrap li {
display: inline-block;
vertical-align: top;
width: 49%;
margin-right: 2%;
margin-bottom: 15px;
}
.walfare-threewrap li:nth-child(2n) {
margin-right: 0;
}
.walfare-threewrap li a {
display: block;
width: 100%;
}
.walfare-threeimg {
width: 100%;
position: relative;
height: 0;
padding-top: 51.72414%;
overflow: hidden;
}
.walfare-threeimg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.talk-one {
padding: 10px 0 30px;
}
.talk-onetop {
margin-top: 8px;
line-height: 2;
font-size: 14px;
color: #4d5262;
}
.talk-onevideo {
margin-top: 20px;
position: relative;
overflow: hidden;
}
.talk-onevideo:after {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
content: '';
}
.talk-onevideo .talk-oneimg1 {
width: 100%;
}
.talk-onevideo .player-btn {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
display: block;
width: 52px;
height: 52px;
text-align: center;
line-height: 52px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.talk-onewrap .talk-contxt {
padding: 14px 100px 15px 20px;
}
.talk-onewrap .content-fen {
position: absolute;
top: 50%;
right: 24px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.talk-onewrap .content-fen .content-fentit {
display: none;
}
.talk-contxt {
position: relative;
z-index: 10;
width: 96.875%;
padding: 14px 20px;
margin: -35px auto 0;
line-height: 1.375;
font-size: 14px;
color: #020920;
background: #fff;
/**-webkit-box-shadow: 0px 10px 20px -5px #ddd; box-shadow: 0px 10px 20px -5px #ddd;**/
}
.talk-contxt:after {
position: absolute;
top: 50%;
left: 15px;
width: 2px;
height: 30px;
margin-top: -15px;
background: #facd01;
content: '';
}
.talk-contxt h3 {
line-height: 1.25;
font-size: 16px;
color: #020920;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.talk-condes {
margin-top: 4px;
}
.talk-two {
padding: 20px 0 35px;
background: #edeff6;
}
.talk-twoview {
position: relative;
margin-top: 20px;
}
.talk-twoview .talk-contxt {
width: 90.2439%;
-webkit-box-shadow: 0px 10px 15px -5px #ddd;
box-shadow: 0px 10px 15px -5px #ddd;
}
.talk-twoview .talk-contxt h3,
.talk-twoview .talk-contxt .talk-condes {
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.talk-twoview .incon-bat {
margin-top: 20px;
}
.talk-twoimg {
width: 100%;
position: relative;
height: 0;
padding-top: 62.5%;
overflow: hidden;
}
.talk-twoimg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.talk-onetop.txtct {
text-align: center;
}
.school-two {
padding: 30px 0 4.6875%;
background: #eef0f7;
}
.school-three {
padding: 30px 0 40px;
}
.school-threewrap {
position: relative;
margin-top: 20px;
font-size: 0;
text-align: center;
}
.school-threewrap li {
position: relative;
z-index: 3;
display: inline-block;
vertical-align: top;
width: 30%;
margin-right: 2%;
margin-bottom: 15px;
background: #fff;
text-align: center;
}
.school-threewrap li a {
cursor: auto;
}
.school-threewrap li:nth-child(3n),
.school-threewrap li:last-child {
margin-right: 0;
}
.school-threewrap li h3 {
margin-top: 12px;
line-height: 24px;
font-size: 14px;
}
.school-threeicon {
width: 84px;
margin: 0 auto;
}
.school-threeicon img {
width: 100%;
}
.school-four {
padding: 30px 0 40px;
background: #eef0f7;
}
.school-four .walfare-threea {
margin-top: 20px;
}
.school-fourview {
position: relative;
}
.school-fourview .swiper-container {
padding: 20px 0;
}
.school-fourimg {
width: 100%;
position: relative;
height: 0;
padding-top: 90%;
overflow: hidden;
}
.school-fourimg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.school-fourtxt {
position: relative;
z-index: 3;
width: 85.33333%;
margin: -15px auto 0;
text-align: center;
background: #eef0f7;
}
.school-fourtxt h3 {
padding: 0 10px;
line-height: 40px;
font-size: 16px;
color: #020920;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.hotjob-one {
background: #fff;
padding: 10px 0 20px;
}
.hotjob-one .full-recruitA-container .recruitA-list .main {
background-color: #fff;
}
.hotjob-two {
padding: 30px 0 30px;
background: #eef0f7;
}
.hotjob-twofl {
line-height: 1.375;
font-size: 14px;
color: #484e60;
}
.hotjob-twofl h2 {
line-height: 1.25;
font-size: 20px;
color: #141a28;
}
.hotjob-twofl h3 {
margin-top: 5px;
line-height: 1.18182;
font-size: 16px;
color: #141a28;
}
.hotjob-twofl h3:after {
display: block;
width: 42px;
height: 2px;
margin-top: 12px;
background: #00164a;
content: '';
}
.hotjob-twoflimg {
margin-top: 20px;
font-size: 0;
}
.hotjob-twoflimg img {
width: 150px;
-webkit-border-radius: 2px;
border-radius: 2px;
vertical-align: bottom;
}
.hotjob-twoflimg .hotjob-twoerp {
display: inline-block;
vertical-align: bottom;
padding-left: 15px;
font-size: 14px;
line-height: 1.57143;
color: #868686;
}
.jobhot-map {
margin-top: 20px;
height: 200px;
}
.search-result .imorepages {
padding: 20px 0 30px;
}
.video-player-popup {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 201;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
font-size: 0;
text-align: center;
}
.video-player-popup:before {
content: "";
width: 0;
height: 100%;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.video-player-popup .video-player {
position: relative;
width: 94%;
min-height: 300px;
max-width: 960px;
margin-top: 0;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.video-player-popup .close {
position: absolute;
right: 0;
top: -40px;
width: 40px;
height: 40px;
background: url(http://zhouxin.new.uoeee.com/dist/images/closebtn.png) no-repeat center;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.video-player-popup .close:hover {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.suzyimg-men {
position: fixed;
top: 0%;
left: 0%;
z-index: 200;
display: none;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.suzyimg-wrap {
position: fixed;
top: 50%;
left: 50%;
z-index: 201;
display: none;
width: 90%;
max-width: 1000px;
margin: 0 auto;
padding: 0 30px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.suzyimg-wrap .swiper-container {
width: 100%;
text-align: center;
}
.suzyimg-wrap .swiper-slide {
text-align: center;
}
.suzyimg-wrap .swiper-slide img {
max-width: 100%;
border: 2px solid #fff;
}
.suzyimg-wrapclose {
position: absolute;
top: -30px;
right: 0;
z-index: 10;
width: 20px;
height: 20px;
background: url(http://zhouxin.new.uoeee.com/dist/images/closebtn.png) no-repeat center center;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.suzyimg-wrapclose:hover {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.suzyimg-wrapbtn1 {
position: absolute;
top: 50%;
z-index: 10;
display: block;
width: 26px;
height: 26px;
margin-top: -20px;
text-align: center;
line-height: 22px;
-webkit-border-radius: 50%;
border-radius: 50%;
font-size: 0;
border: 2px solid #fff;
border-radius: 50%;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.suzyimg-wrapbtn1:after {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
.suzyimg-wrapbtn1:hover {
background: #fff;
}
.suzyimg-wrapbtn1:hover:after {
border-color: #00164a;
}
.suzyimg-wrapprev {
left: 0;
}
.suzyimg-wrapprev:after {
margin-right: -2px;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
}
.suzyimg-wrapnext {
right: 0;
}
.suzyimg-wrapnext:after {
margin-left: -2px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.suzyimg-wrapbat {
display: block;
width: 100%;
padding: 10px;
line-height: 20px;
text-align: center;
font-size: 14px;
color: #fff;
}
.full-recruitA-container {
padding: 20px 0;
}
.full-recruitA-container .recruitA-title {
margin-bottom: 20px;
font-size: 20px;
line-height: 1.4;
text-transform: uppercase;
text-align: center;
color: #1b1b1b;
}
.full-recruitA-container .recruitA-title:after {
content: '';
display: block;
width: 60px;
height: 2px;
margin: 15px auto 0;
background-color: #cd002b;
}
.full-recruitA-container .recruitA-list li {
position: relative;
margin-bottom: 15px;
font-size: 14px;
line-height: 22px;
height: 240px;
}
.full-recruitA-container .recruitA-list li.cur {
z-index: 10;
}
.full-recruitA-container .recruitA-list .main {
position: relative;
height: 238px;
overflow: hidden;
background-color: #eef0f7;
border: 1px solid #dcdcdc;
}
.full-recruitA-container .recruitA-list .inner {
padding: 15px 15px 54px;
}
.full-recruitA-container .recruitA-list .name {
font-size: 16px;
line-height: 26px;
font-weight: bold;
color: #323232;
}
.full-recruitA-container .recruitA-list .brief {
padding: 12px 0;
color: #636363;
}
.full-recruitA-container .recruitA-list .detail {
color: #a1a1a1;
}
.full-recruitA-container .recruitA-list .ctrl {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 3;
background-color: #00164a;
font-size: 0;
text-align: center;
}
.full-recruitA-container .recruitA-list .ctrl a {
position: relative;
display: inline-block;
vertical-align: top;
width: 45%;
padding: 0 30px;
font-size: 14px;
line-height: 40px;
color: #ffffff;
}
.full-recruitA-container .recruitA-list .ctrl a:first-child:after {
position: absolute;
right: 0;
top: 50%;
margin-top: -7px;
content: '';
width: 1px;
height: 14px;
background-color: #ffffff;
}
.full-searchA-wrapper .search-hd {
border-bottom: 1px solid #d6d6d6;
}
.full-searchA-wrapper .search-form {
padding: 20px 0;
}
.full-searchA-wrapper .search-form form {
position: relative;
display: block;
width: 100%;
max-width: 520px;
margin: 0 auto;
padding-right: 80px;
border: 1px solid #333;
-webkit-border-radius: 20px;
border-radius: 20px;
overflow: hidden;
}
.full-searchA-wrapper .search-form input {
display: block;
width: 100%;
font-size: 14px;
line-height: 38px;
height: 38px;
}
.full-searchA-wrapper .search-form input[type='text'] {
padding-left: 36px;
background-repeat: no-repeat;
background-position: 12px center;
background-size: auto 16px;
background-image: url(http://zhouxin.new.uoeee.com/dist/images/searchAico.png);
}
.full-searchA-wrapper .search-form input[type='submit'] {
position: absolute;
right: 0;
top: 0;
z-index: 3;
width: 80px;
padding: 0 20px;
color: #fff;
background-color: #333;
}
.full-searchA-wrapper .search-cate ul {
margin-bottom: -1px;
white-space: nowrap;
overflow-x: auto;
}
.full-searchA-wrapper .search-cate li {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.full-searchA-wrapper .search-cate a {
display: block;
font-size: 14px;
line-height: 30px;
padding: 0 5px;
border-bottom: 1px solid #d6d6d6;
}
.full-searchA-wrapper .search-cate .cur a {
border-bottom-color: #333;
}
.full-searchA-wrapper .search-result .length {
padding: 10px 0;
}
.full-searchA-wrapper .search-result .nodata {
padding: 20px 0;
}
.full-searchA-wrapper .result-list li {
padding: 10px 0;
border-bottom: 1px solid #ccc;
}
.full-searchA-wrapper .result-list li a {
display: block;
}
.full-searchA-wrapper .result-list .thumb {
float: left;
width: 135px;
margin-right: 10px;
}
.full-searchA-wrapper .result-list .thumb img {
max-width: 100%;
}
.full-searchA-wrapper .result-list .content {
overflow: hidden;
}
.full-searchA-wrapper .result-list .content h2 {
font-size: 16px;
line-height: 24px;
max-height: 48px;
line-height: 24px;
display: -webkit-box;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #333;
}
.full-searchA-wrapper .result-list .desc {
font-size: 14px;
line-height: 24px;
max-height: 48px;
line-height: 24px;
display: -webkit-box;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #666;
}
.full-searchA-wrapper .result-list .more {
font-size: 14px;
line-height: 24px;
}
.full-searchA-wrapper .loadmore {
overflow: hidden;
padding: 10px 0;
}
.full-searchA-wrapper .loadmore a {
display: block;
padding: 0;
margin: 0;
font-size: 16px;
line-height: 40px;
text-align: center;
color: #ffffff;
background-color: #015198;
}
.full-searchA-wrapper mark {
color: #fff;
background-color: #015198;
}
.full-newsdetailB-container {
padding: 20px 0 30px;
background-color: #ffffff;
}
.full-newsdetailB-container .article-tilte {
margin-bottom: 8px;
font-size: 18px;
line-height: 26px;
color: #333333;
text-align: center;
}
.full-newsdetailB-container .date {
margin-bottom: 10px;
font-size: 16px;
line-height: 32px;
color: #8e8e8e;
text-align: center;
}
.full-newsdetailB-container .newsdetailB-article {
position: relative;
padding: 28px 0 30px;
margin-bottom: 15px;
border: 1px solid #d9d9d9;
border-left: 0;
border-right: 0;
font-size: 14px;
line-height: 24px;
color: #475159;
}
.full-newsdetailB-container .newsdetailB-article img {
max-width: 100%;
margin: 0.5em 0;
}
.full-newsdetailB-container .newsdetailB-bdshare {
position: absolute;
right: 0;
top: -43px;
overflow: hidden;
zoom: 1;
}
.full-newsdetailB-container .newsdetailB-bdshare a {
float: left;
display: block;
width: 32px;
height: 32px;
padding: 0;
margin: 0 0 0 5px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.full-newsdetailB-container .newsdetailB-bdshare .bds_weixin {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/newsdetailBwxico.png);
}
.full-newsdetailB-container .newsdetailB-bdshare .bds_tsina {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/newsdetailBsnico.png);
}
.full-newsdetailB-container .newsdetailB-bdshare .bds_sqq {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/newsdetailBqqico.png);
}
.full-newsdetailB-container .newsdetailB-ctrl .page-ctrl {
margin-bottom: 10px;
}
.full-newsdetailB-container .newsdetailB-ctrl .page-ctrl a {
display: block;
font-size: 14px;
line-height: 30px;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
color: #020920;
}
.full-newsdetailB-container .newsdetailB-ctrl .return {
display: block;
width: 120px;
height: 40px;
margin: 0 auto;
text-align: center;
font-size: 16px;
line-height: 40px;
color: #ffffff;
background: -webkit-linear-gradient(315deg, #177bb7, #0e2f67);
background: -o-linear-gradient(315deg, #177bb7, #0e2f67);
background: linear-gradient(135deg, #177bb7, #0e2f67);
-webkit-border-radius: 25px;
border-radius: 25px;
}
.newsA-topnews-swiper .thumb {
overflow: hidden;
}
.newsA-topnews-swiper .thumb img {
width: 100%;
}
.newsA-topnews-swiper a {
display: block;
background-color: #f2f2f2;
}
.newsA-topnews-swiper .conent {
padding: 10px 15px 40px;
}
.newsA-topnews-swiper .title {
margin-bottom: 5px;
font-size: 18px;
line-height: 30px;
color: #020920;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.newsA-topnews-swiper .desc {
font-size: 14px;
line-height: 24px;
color: #494f60;
display: -webkit-box;
height: 72px;
line-height: 24px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.newsA-topnews-swiper .more {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 24px;
color: #475159;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.newsA-topnews-swiper .newsA-pages {
position: absolute;
left: 0;
bottom: 15px;
z-index: 10;
width: 100%;
font-size: 0;
line-height: 0;
text-align: center;
}
.newsA-topnews-swiper .newsA-pages span {
opacity: 1;
display: inline-block;
vertical-align: top;
width: 10px;
height: 10px;
margin: 0 5px;
background-color: #d9d9d9;
}
.newsA-topnews-swiper .newsA-pages .swiper-pagination-bullet-active {
background-color: #facd01;
}
/* 20200304脙陇脗驴脗庐脙娄芒鈧澝偮� */
#at20mc {
visibility: hidden !important;
display: none !important;
}
.innews-des {
line-height: 1.5;
max-height: 46px;
}
.inabout-des {
line-height: 1.5;
color: #a7a9ad;
}
.inbanner-icon a {
color: #fff;
}
.inview-a i,
.inview-a i:after,
.suzycon-a i,
.suzycon-a i:after {
border-color: #facd01;
}
.infooter-fen .addthis_button_compact {
color: #bbbcbc;
font-size: 14px;
width: 32px !important;
}
.infooter-link span {
color: #bbbcbc;
font-size: 14px;
vertical-align: middle;
padding-right: 20px;
}
.infooter-fen .addthis_button_compact span {
display: none !important;
}
.infooter-erweima {
text-align: center;
}
.infooter-erweima img {
background: rgba(255, 255, 255, 0.9);
padding: 7px;
}
.inbanner .swiper-slide .inbanner-a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.about-threetxt li,
.about-sixtxt li {
position: relative;
padding-left: 15px;
}
.about-threetxt li::before,
.about-sixtxt li::before {
content: '\2022';
color: #CCCED2;
font-size: 16px;
position: absolute;
left: 0;
top: 0px;
}
.infooter-link a .h-img,
.infooter-fen a .h-img,
.content-fenv a .h-img {
display: none;
}
/* 20200305脙陇脗驴脗庐脙娄芒鈧澝偮� */
.products-fourwrap a .p-f-ti {
display: block;
height: auto;
line-height: 26px;
font-size: 16px;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
margin-bottom: 5px;
}
.products-fourwrap a .p-f-de {
height: 42px;
line-height: 20px;
}
/* 20200313 */
.inheader-frtop .suzy-topatel,
.inheader-frtop .suzy-topamail {
background-repeat: no-repeat;
background-position: left center;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.inheader-frtop .suzy-topamail:after,
.inheader-frtop a.in-en:after,
.insearch-btn:after {
display: none;
}
.inheader-frtop .suzy-topamail {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/topemail1.png);
padding-left: 23px;
}
.inheader-frtop .suzy-topatel {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/toptel1.png);
padding-left: 18px;
}
.inheader-frtop .suzy-topamail:hover {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/topemail2.png);
text-decoration: underline;
}
.inheader-frtop .suzy-topatel:hover {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/toptel2.png);
text-decoration: underline;
}
/* 20200324 */
.suzycase-post1,
.suzycase-post2 {
padding: 10px 0;
text-align: center;
}
.suzycase-post1img,
.suzycase-post2img {
display: inline-block;
text-align: center;
margin: 0 auto;
}
.suzycase-post1text,
.suzycase-post2text {
text-align: left;
}
.suzycase-posth3 {
text-align: center;
padding: 5px;
font-size: 16px;
line-height: 1.8;
}
.suzycase-posttxth3 {
padding: 5px;
font-size: 16px;
line-height: 1.8;
}
.suzycase-post5 {
padding: 10px 0;
}
.suzycase-post6ul li,
.suzycase-post5ul li {
padding-top: 10px;
}
.suzycon-a {
margin-top: 20px;
font-size: 16px;
color: #929aa1;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
line-height: 1.44444;
}
/** 20200403 脙陇脗赂芒鈧姑兟γ⑩偓鹿芒鈧� **/
.innav-ermenu2 {
display: none;
border-bottom: 1px solid #d7d8d8;
}
.innav-ermenu2 .incommonweb {
padding-left: 10px;
padding-right: 10px;
}
.innav-eritem {
border-bottom: 1px solid #d7d8d8;
}
.innav-eritem:last-child {
border-bottom: none;
}
.innav-threemenu {
display: none;
padding-bottom: 10px;
border-top: 1px solid #d7d8d8;
}
.innav-threemenu a {
display: block;
line-height: 35px;
font-size: 14px;
color: #929aa1;
}
.innav-era {
display: block;
line-height: 40px;
font-size: 15px;
color: #929aa1;
}
.suzy-topconmunbtn,
.suzy-topconmunbtn2 {
position: relative;
}
.suzy-topinennum {
position: absolute;
left: 50%;
top: 0;
z-index: 5;
white-space: nowrap;
font-style: normal;
font-size: 12px;
color: #929aa1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background: #fff;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
visibility: hidden;
opacity: 0;
}
.suzy-toptelnum {
position: absolute;
right: 0;
top: 0;
z-index: 5;
color: #929aa1;
font-style: normal;
white-space: nowrap;
background: #fff;
font-size: 12px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
visibility: hidden;
opacity: 0;
}
.suzylinkyou {
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 0;
margin-left: 8px;
}
.suzylinkyoutit {
font-size: 13px;
}
.suzylinkyouview {
position: absolute;
bottom: 100%;
left: 50%;
z-index: 10;
white-space: nowrap;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
padding-bottom: 10px;
margin-bottom: 20px;
visibility: hidden;
opacity: 0;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.suzylinkyou:hover .suzylinkyouview {
margin-bottom: 0;
opacity: 1;
visibility: visible;
}
.suzylinkyouview2 {
background: black;
padding: 8px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 10px 20px -10px #222;
box-shadow: 0px 10px 20px -10px #222;
}
.suzylinkyouview:after {
position: absolute;
bottom: 0;
left: 50%;
border-top: 10px solid #000;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
content: '';
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.suzylinkyouview a {
display: block;
font-size: 13px;
color: #a2a4a9;
width: 100%;
line-height: 1.2;
padding: 10px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
text-align: center;
}
.suzylinkyouview a:hover {
color: #facd01;
}
video:focus {
outline: none;
}
.newsdetailB-article video {
max-width: 100% !important;
}
.innav-erh4 {
position: relative;
}
.innav-erh4.active:after {
position: absolute;
top: 50%;
right: 10px;
width: 10px;
height: 10px;
border-top: 2px solid #d7d8d8;
border-right: 2px solid #d7d8d8;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
.innav-erh4.active .innav-erspan {
display: block;
}
.innav-erspan {
position: absolute;
top: 0;
right: 0;
z-index: 10;
display: none;
width: 40%;
height: 100%;
}
.innav-erh4.active2:after {
-webkit-transform: translateY(-50%) rotate(135deg);
-ms-transform: translateY(-50%) rotate(135deg);
-o-transform: translateY(-50%) rotate(135deg);
transform: translateY(-50%) rotate(135deg);
}
.suzymail-box {
position: fixed;
top: 0;
left: 0;
z-index: 220;
width: 100%;
height: 100%;
display: none;
background: rgba(0, 0, 0, 0.5);
}
.suzymail-wrap {
position: absolute;
top: 50%;
left: 50%;
z-index: 220;
width: 90%;
max-width: 740px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.suzymail-wrap2 {
position: relative;
width: 100%;
padding: 20px 20px 10px;
background: #fff;
-webkit-animation: zoomIn .6s;
-o-animation: zoomIn .6s;
animation: zoomIn .6s;
}
.suzymail-boxclose {
position: absolute;
top: 18px;
right: 12px;
z-index: 10;
display: block;
width: 22px;
height: 22px;
}
.suzymail-boxclose:after,
.suzymail-boxclose:before {
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 12px;
background: #3f4146;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
.suzymail-boxclose:after {
width: 12px;
height: 2px;
}
.suzymail-boxclose:hover:after,
.suzymail-boxclose:hover:before {
-webkit-transform: translate(-50%, -50%) rotate(225deg);
-ms-transform: translate(-50%, -50%) rotate(225deg);
-o-transform: translate(-50%, -50%) rotate(225deg);
transform: translate(-50%, -50%) rotate(225deg);
background: #0091d3;
}
.suzymail-title {
line-height: 1.33333;
font-size: 18px;
color: #0091d3;
}
.suzymail-view {
margin-top: 24px;
font-size: 0;
text-align: left;
}
.suzymail-view a {
display: inline-block;
vertical-align: bottom;
text-align: center;
width: 49%;
margin-right: 2%;
margin-bottom: 15px;
}
.suzymail-view a:nth-child(2n) {
margin-right: 0;
}
.suzymail-view a h3 {
line-height: 1.71429;
margin-bottom: 5px;
font-size: 14px;
color: #9ca3a9;
}
.suzymail-view a h4 {
margin-top: 5px;
line-height: 1.71429;
font-size: 14px;
color: #9ca3a9;
}
.suzymail-boximg {
border: 1px solid #e3e3e3;
background: #f5f5f5;
position: relative;
height: 0;
padding-top: 58.88889%;
overflow: hidden;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.suzymail-boximg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.suzypropost-onemap {
position: relative;
}
.suzypropost-onemap .suzypropost-onemapimg {
width: 100%;
}
.suzypropost-onemapul li {
position: absolute;
z-index: 10;
list-style: none;
display: none;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.suzypropost-onemapul li:after {
position: absolute;
bottom: 100%;
margin-bottom: -4px;
left: 50%;
width: 1px;
height: 0px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background: #facd01;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
.suzypropost-onemapul li.cur a.suzypropost-onemapradius span {
background: #facd01;
}
.suzypropost-onemapul li.cur a.suzypropost-onemapradius span:after,
.suzypropost-onemapul li.cur a.suzypropost-onemapradius span:before {
-webkit-transform: translate(-50%, -50%) rotate(225deg);
-ms-transform: translate(-50%, -50%) rotate(225deg);
-o-transform: translate(-50%, -50%) rotate(225deg);
transform: translate(-50%, -50%) rotate(225deg);
}
.suzypropost-onemapul li a.suzypropost-onemapradius:before {
position: absolute;
width: 100%;
height: 100%;
background: #facd01;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-animation: hovScale 4s infinite;
-o-animation: hovScale 4s infinite;
animation: hovScale 4s infinite;
-webkit-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
content: '';
}
.suzypropost-onemapul li:nth-child(2n) a.suzypropost-onemapradius:before {
-webkit-animation-delay: 0.1s;
-o-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.suzypropost-onemapul li:nth-child(3n) a.suzypropost-onemapradius:before {
-webkit-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.suzypropost-onemapul li:nth-child(4n) a.suzypropost-onemapradius:before {
-webkit-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.suzypropost-onemapul li:nth-child(5n) a.suzypropost-onemapradius:before {
-webkit-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.suzypropost-onemapul li:nth-child(6n) a.suzypropost-onemapradius:before {
-webkit-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.suzypropost-onemapul li.cur:after {
height: 100px;
}
.suzypropost-onemapul li:hover a.suzypropost-onemapradius span {
background: #facd01;
}
a.suzypropost-onemapradius {
position: relative;
display: block;
width: 16px;
height: 16px;
}
a.suzypropost-onemapradius span {
position: relative;
z-index: 5;
display: block;
width: 100;
height: 100%;
background: rgba(250, 205, 1, 0.5);
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
a.suzypropost-onemapradius span:after,
a.suzypropost-onemapradius span:before {
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 8px;
background: rgba(255, 255, 255, 0.5);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
content: '';
}
a.suzypropost-onemapradius span:after {
width: 8px;
height: 2px;
}
@-webkit-keyframes hovScale {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
25% {
-webkit-transform: scale(3);
transform: scale(3);
opacity: 0;
}
100% {
-webkit-transform: scale(3);
transform: scale(3);
opacity: 0;
}
}
@-o-keyframes hovScale {
0% {
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
25% {
-o-transform: scale(3);
transform: scale(3);
opacity: 0;
}
100% {
-webkit-transform: scale(3);
-o-transform: scale(3);
transform: scale(3);
opacity: 0;
}
}
@keyframes hovScale {
0% {
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
25% {
-webkit-transform: scale(3);
-o-transform: scale(3);
transform: scale(3);
opacity: 0;
}
100% {
-webkit-transform: scale(3);
-o-transform: scale(3);
transform: scale(3);
opacity: 0;
}
}
.suzypropost-onemapwrap {
position: absolute;
bottom: 100%;
left: 0;
z-index: 15;
display: none;
width: 700px;
max-width: 300px;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
transform: translateY(50%);
}
.suzypropost-onemapview {
display: none;
padding: 20px 20px;
background: #fff;
-webkit-box-shadow: 0px 0px 25px -10px #ddd;
box-shadow: 0px 0px 25px -10px #ddd;
-webkit-animation: zoomIn .6s;
-o-animation: zoomIn .6s;
animation: zoomIn .6s;
}
.suzypropost-onemapimg2 {
width: 100%;
}
.suzypropost-onemapimg2 img {
width: 100%;
}
.suzypropost-onemaptext {
padding-top: 10px;
overflow: hidden;
}
.suzypropost-onemaptext h3 {
line-height: 1.55556;
margin-bottom: 4px;
font-size: 18px;
color: #333333;
}
.suzypropost-onemapdes {
margin-bottom: 10px;
line-height: 1.71429;
font-size: 14px;
color: #666666;
}
.suzypropost-onemapdes:last-child {
margin-bottom: 0;
}
/** 脙搂芒鈥灺⒚偮幻兟ッ偮矫⑩偓垄脙娄脗鲁脗篓脙楼芒鈧犆呪€� start 20200525 **/
.suzymember-con {
position: fixed;
top: 0;
left: 0;
z-index: 200;
display: none;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.suzymember-boxwrap {
position: relative;
padding: 34px 20px 30px;
background: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-animation: zoomIn .5s;
-o-animation: zoomIn .5s;
animation: zoomIn .5s;
}
.suzymember-boxwrap .layui-form-checkbox[lay-skin=primary]:hover i {
border-color: #f1c80d !important;
}
.suzymember-boxwrap .layui-form-checked[lay-skin=primary] i {
border-color: #f1c80d !important;
background-color: #f1c80d !important;
}
.suzymember-conview {
position: fixed;
top: 50%;
left: 50%;
width: 90%;
z-index: 201;
display: none;
max-width: 350px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
a.suzymember-close {
position: absolute;
top: 10px;
right: 10px;
z-index: 10;
width: 20px;
height: 20px;
}
a.suzymember-close:after,
a.suzymember-close:before {
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 15px;
background: #cccccc;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
content: '';
}
a.suzymember-close:after {
width: 15px;
height: 2px;
}
a.suzymember-close:hover:after,
a.suzymember-close:hover:before {
-webkit-transform: translate(-50%, -50%) rotate(225deg);
-ms-transform: translate(-50%, -50%) rotate(225deg);
-o-transform: translate(-50%, -50%) rotate(225deg);
transform: translate(-50%, -50%) rotate(225deg);
background: #f1c80d;
}
.suzymember-title {
position: relative;
line-height: 1.1875;
font-size: 20px;
color: #020920;
}
.suzymember-title.active {
text-align: center;
}
.suzymember-title a {
position: absolute;
bottom: 0;
right: 0;
padding-right: 15px;
line-height: 1.38889;
font-size: 14px;
color: #666666;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.suzymember-title a:after {
position: absolute;
top: 50%;
right: 1px;
width: 8px;
height: 8px;
border-right: 2px solid #f1c80d;
border-top: 2px solid #f1c80d;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
content: '';
}
.suzymember-title a:hover {
color: #020920;
}
.suzymember-form {
margin-top: 15px;
font-size: 0;
}
.suzymember-form .suzymember-btndtm {
display: block;
float: right;
width: 120px;
height: 44px;
font-size: 0;
border: 1px solid #c5c5c5;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 14px;
color: #ffffff;
text-align: center;
line-height: 42px;
background: #c5c5c5;
}
.suzymember-form .suzymember-btndtm.cur {
background: #face05;
border-color: #face05;
}
.suzymember-formyan {
padding-bottom: 1px;
}
.suzymember-formitem,
.suzymember-formyan,
.suzymember-formintxt11 {
position: relative;
margin-bottom: 15px;
}
.suzymember-formitem input,
.suzymember-formyan input,
.suzymember-formintxt11 input {
position: relative;
z-index: 5;
width: 100%;
height: 44px;
line-height: 42px;
padding: 0 10px 0 40px;
font-size: 14px;
color: #020920;
border: 1px solid #c5c5c5;
-webkit-border-radius: 3px;
border-radius: 3px;
background: transparent;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.suzymember-formitem input::-webkit-input-placeholder,
.suzymember-formyan input::-webkit-input-placeholder,
.suzymember-formintxt11 input::-webkit-input-placeholder {
color: #c4c4c4;
}
.suzymember-formitem input:-moz-placeholder,
.suzymember-formyan input:-moz-placeholder,
.suzymember-formintxt11 input:-moz-placeholder {
color: #c4c4c4;
}
.suzymember-formitem input::-moz-placeholder,
.suzymember-formyan input::-moz-placeholder,
.suzymember-formintxt11 input::-moz-placeholder {
color: #c4c4c4;
}
.suzymember-formitem input:-ms-input-placeholder,
.suzymember-formyan input:-ms-input-placeholder,
.suzymember-formintxt11 input:-ms-input-placeholder {
color: #c4c4c4;
}
.suzymember-formitem input:focus,
.suzymember-formyan input:focus,
.suzymember-formintxt11 input:focus {
border-color: #f1c80d !important;
}
.suzymember-formitem input:focus+.suzymember-itemicon .suzymember-itemicon1,
.suzymember-formyan input:focus+.suzymember-itemicon .suzymember-itemicon1,
.suzymember-formintxt11 input:focus+.suzymember-itemicon .suzymember-itemicon1 {
opacity: 0;
}
.suzymember-formitem input:focus+.suzymember-itemicon .suzymember-itemicon2,
.suzymember-formyan input:focus+.suzymember-itemicon .suzymember-itemicon2,
.suzymember-formintxt11 input:focus+.suzymember-itemicon .suzymember-itemicon2 {
opacity: 1;
}
.suzymember-formintxt11 input {
padding: 0 40px 0 10px;
}
.suzymember-formintxt11 .suzymember-itemicon {
right: 10px;
left: auto;
}
.suzymember-itemicon {
position: absolute;
top: 50%;
left: 10px;
z-index: 1;
width: 24px;
height: 24px;
font-size: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.suzymember-itemicon img {
vertical-align: middle;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
width: 100%;
height: 100%;
}
.suzymember-itemicon .suzymember-itemicon2 {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.suzymember-itembt {
position: absolute;
top: 5px;
right: 5px;
font-size: 14px;
line-height: 1;
color: #c62749;
}
.suzymember-formyan {
padding-right: 10px;
overflow: hidden;
}
.suzymember-formyan .suzymember-itembt {
right: 15px;
}
.suzymember-formyanimg {
float: right;
width: 120px;
height: 44px;
font-size: 0;
border: 1px solid #c5c5c5;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.suzymember-formyanimg img {
width: 100%;
height: 100%;
}
.suzymember-formitemtext {
padding-top: 10px;
line-height: 1.38889;
font-size: 14px;
color: #c4c4c4;
}
.suzymember-formitemtext a {
color: #c4c4c4;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.suzymember-formitemtext a:hover {
color: #00b5ff;
}
.suzymember-formitemtext .suzymember-formtxt2 a {
font-size: 0;
color: #00b5ff;
}
.suzymember-formitemtext .suzymember-formtxt2 a span {
padding-right: 3px;
font-size: 14px;
}
.suzymember-formitemtext .suzymember-formtxt2 a:hover {
text-decoration: underline;
}
.suzymember-formitemtext .suzymember-formtxt2 span,
.suzymember-formitemtext .suzymember-formtxt2 img,
.suzymember-formitemtext .suzymember-formtxt2 a {
vertical-align: middle;
display: inline-block;
line-height: 1;
}
.suzymember-formitem3 {
padding-top: 15px;
}
.suzymember-formitem3 input {
width: 100%;
height: 44px;
font-size: 14px;
color: #fff;
background: #f1c80d;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.suzyprivacy {
padding: 30px 0 30px;
text-align: center;
}
.suzyprivacy-title {
line-height: 1.33333;
font-size: 20px;
color: #020920;
}
.suzyprivacy-text {
margin-top: 10px;
line-height: 2;
font-size: 14px;
color: #020920;
}
.suzytip-boximg {
margin-top: 10px;
text-align: center;
}
.suzytip-boximg img {
vertical-align: middle;
max-width: 100%;
width: 80px;
}
.suzytip-boxtext {
margin-top: 26px;
line-height: 1.55556;
text-align: center;
font-size: 14px;
color: #020920;
}
.suzytip-boxbtm {
margin-top: 30px;
}
.suzytip-boxbtm a {
display: block;
width: 100%;
height: 44px;
line-height: 44px;
text-align: center;
font-size: 16px;
color: #fff;
background: #f1c80d;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.suzytip-boxbtm a:hover {
color: #fff;
}
.suzymember-registermenu {
text-align: center;
font-size: 0;
}
.suzymember-registermenu a {
display: inline-block;
width: 42%;
max-width: 120px;
height: 44px;
margin: 0 2%;
line-height: 44px;
font-size: 14px;
color: #020920;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #d3d3d3;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.suzymember-registermenu a.cur,
.suzymember-registermenu a:hover {
background: #f1c80d;
color: #020920;
}
.suzymember-registertip {
text-align: center;
margin-top: 10px;
}
.suzymember-registertip h6 {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0 10px;
line-height: 20px;
font-size: 14px;
color: #c62749;
}
.suzymember-registertip h6:after,
.suzymember-registertip h6:before {
position: absolute;
right: 100%;
top: 50%;
width: 20px;
height: 1px;
background: #c62749;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
content: '';
}
.suzymember-registertip h6:after {
left: 100%;
right: auto;
}
.suzymember-registerbox {
display: inline-block;
vertical-align: middle;
}
.suzymember-registerbox .layui-form-checkbox[lay-skin=primary] i {
width: 14px;
height: 14px;
line-height: 14px;
-webkit-border-radius: 1px;
border-radius: 1px;
}
.suzymember-registerbox .layui-form-checkbox[lay-skin=primary] {
min-width: 16px;
min-height: 16px;
padding-left: 16px;
}
.suzymember-registeritem2 {
line-height: 20px;
}
.suzymember-registeritem2 h3 {
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: #3f4146;
}
.suzymember-registeritem2 h3 a {
color: #c62749;
}
.suzymember-registeritem2 h3 a:hover {
color: #c62749;
}
.suzymember-registeritem3 {
margin-top: 10px;
text-align: center;
}
.suzymember-registeritem3 input {
vertical-align: middle;
width: 100%;
max-width: 300px;
height: 44px;
line-height: 44px;
font-size: 16px;
color: #272727;
background: #f1c80d;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.suzymember-conview2 .suzymember-formitem,
.suzymember-conview2 .suzymember-formyan {
margin-bottom: 5px;
}
.suzymember-conview2 .suzymember-boxwrap {
padding-top: 20px;
padding-bottom: 20px;
}
.suzymember-conview2 .suzymember-form {
margin-top: 10px;
}
.suzymember-formintxt11 {
overflow: hidden;
padding-left: 15px;
}
.suzymember-formitem11text {
position: relative;
float: left;
min-width: 60px;
height: 44px;
line-height: 44px;
font-size: 14px;
color: #444444;
text-align: justify;
-moz-text-align-last: justify;
text-align-last: justify;
}
.suzymember-formitem11text:after {
position: absolute;
left: 100%;
top: 0;
height: 100%;
margin-left: 2px;
line-height: 44px;
font-size: 18px;
color: #444444;
content: ':';
}
.suzymember-formitem12 {
padding-left: 80px;
line-height: 20px;
line-height: 1;
}
.suzymember-formitem12 a {
font-size: 14px;
color: #00b5ff;
}
.suzymember-formitem12 a:hover {
color: #00b5ff;
}
.suzymember-formitem13 {
margin-top: 10px;
}
.suzymember-registerbox {
font-size: 0;
}
.suzymember-registerbox input {
vertical-align: middle;
}
.suzymember-formitem13 input {
width: 48%;
max-width: 175px;
height: 44px;
font-size: 16px;
color: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #f1c80d;
}
.suzymember-formitem13 input.cur {
background: #d3d3d3;
}
.suzymember-formitem13 .suzymember-formsub {
background: #f1c80d;
}
.suzy-schooltwo {
position: relative;
overflow: hidden;
}
.suzy-schooltwo img {
width: 100%;
}
.suzy-schooltwoa1 {
position: absolute;
left: 50%;
bottom: 17.14286%;
z-index: 10;
display: block;
padding: 0 20px;
line-height: 1.94444;
font-size: 16px;
color: #01184b;
background: #d6fcfd;
white-space: nowrap;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-border-radius: 35px;
border-radius: 35px;
}
.suzy-schooltwoa1 span {
font-weight: bold;
}
@media (min-width: 640px) {
.full-searchA-wrapper .search-form {
padding: 30px 0;
}
.full-searchA-wrapper .result-list li {
padding: 15px 0;
}
.full-searchA-wrapper .result-list .thumb {
width: 180px;
}
.full-searchA-wrapper .result-list .loadmore {
padding: 20px 0;
}
}
@media (min-width: 768px) {
.incommonweb,
.incommonweb2 {
padding-left: 20px;
padding-right: 20px;
}
.inbanner .swiper-slide .inbanner-img {
left: 0%;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
height: auto;
max-width: 100%;
width: 100%;
}
.inbanner-txt1 h2 {
font-size: 40px;
}
.inbanner-txt1 .inbanner-a img {
width: auto;
}
.inpro-btmflv {
position: absolute;
top: 50%;
left: 4.28571%;
z-index: 5;
width: 32.14286%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.insale-img {
width: 57.03125%;
padding-left: 4.29688%;
}
.inexpo-one {
-webkit-box-shadow: 0px 15px 25px -10px #aaa;
box-shadow: 0px 15px 25px -10px #aaa;
}
.insale-txt {
position: absolute;
top: 0;
right: 0;
z-index: 3;
width: 35.9375%;
padding-top: 3.28125%;
}
.inexpo-onetext {
position: absolute;
top: 25.66667%;
left: 0;
z-index: 10;
width: 39.0625%;
padding: 25px 3.75% 18px;
}
.inexpo-two {
position: relative;
}
.inexpo-two:before {
position: absolute;
left: 50%;
width: 1px;
height: 100%;
background: #eaebed;
content: '';
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.inabout {
float: left;
width: 43.75%;
}
.innews {
float: right;
width: 46.875%;
margin-top: 0;
}
.neibanner .neibanner-img {
left: 0%;
max-width: 100%;
width: 100%;
height: auto;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.con-ul,
.contact-ul2 {
font-size: 0;
}
.con-ul li,
.contact-ul2 li {
width: 48.4375%;
margin-right: 3.125%;
}
.con-ul li:nth-child(2n),
.contact-ul2 li:nth-child(2n) {
margin-right: 0;
}
.mycronic-twoul li {
width: 19.6875%;
margin-right: 7.08333%;
}
.mycronic-twoul li:nth-child(2n) {
margin-right: 7.08333%;
}
.mycronic-twoul li:nth-child(4n) {
margin-right: 0;
}
.mycronic-threeflul {
float: left;
width: 25%;
}
.mycronic-threeflul li {
width: 100%;
margin-right: 0;
}
.mycronic-threetxt {
float: right;
width: 69.53125%;
}
.develop-onefl {
display: inline-block;
vertical-align: middle;
width: 46.875%;
}
.develop-oneimg {
-webkit-box-shadow: 0px 10px 15px -5px #bbb;
box-shadow: 0px 10px 15px -5px #bbb;
}
.develop-onetxt {
display: inline-block;
vertical-align: middle;
margin-left: 4.21875%;
width: 48.90625%;
}
.develop-threeul li {
width: 23.4375%;
margin-right: 2.08333%;
}
.develop-threeul li:nth-child(2n) {
margin-right: 2.08333%;
}
.develop-threeul li:nth-child(4n) {
margin-right: 0;
}
.develop-four {
padding-right: 120px;
}
.develop-four .develop-foura {
position: absolute;
right: 10px;
top: 50%;
z-index: 5;
margin-top: -17px;
}
.develop-fiveul li {
position: relative;
width: 32.42188%;
padding-right: 1.17188%;
margin-right: 1.17188%;
}
.develop-fiveul li:after {
position: absolute;
right: 0;
top: 50%;
width: 1px;
height: 56%;
background: #eaebeb;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
content: '';
}
.develop-fiveul li:nth-child(3n) {
margin-right: 0;
}
.develop-fiveul li:nth-child(3n):after {
display: none;
}
.abcontact-one {
height: 300px;
}
.social-fl {
position: relative;
z-index: 3;
float: left;
width: 46.875%;
margin-top: 2.34375%;
}
.social-text {
position: relative;
z-index: 3;
float: right;
width: 46.875%;
}
.social-ul li:nth-child(2n) .social-fl {
float: right;
}
.social-ul li:nth-child(2n) .social-text {
float: left;
text-align: right;
}
.social-ul li:before {
position: absolute;
left: 50%;
top: 0;
display: none;
width: 41.875%;
height: 19.18605%;
background: url(http://zhouxin.new.uoeee.com/dist/images/develop-onetxtbg.jpg);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
content: '';
}
.social-des {
height: 120px;
overflow-y: auto;
}
.social-des::-webkit-scrollbar {
width: 2px;
height: 8px;
background-color: #fff;
}
.social-des::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
}
.social-des::-webkit-scrollbar-thumb {
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color: #00164a;
}
.news-twoul li {
width: 31.25%;
margin-right: 3.125%;
}
.news-twoul li:nth-child(3n) {
margin-right: 0;
}
.news-threevt {
position: absolute;
top: 50%;
left: 4.29688%;
z-index: 5;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.news-threetxt {
width: 100%;
}
.propost2-confl {
float: left;
width: 67.1875%;
}
.propost2-confr {
float: right;
width: 26.5625%;
padding-top: 0;
}
.about-onefl,
.about-onefr {
display: inline-block;
vertical-align: middle;
width: 46.875%;
}
.about-onefr {
margin-left: 6.25%;
}
.about-threefr {
margin-top: 0px;
display: inline-block;
vertical-align: middle;
width: 49.21875%;
}
.about-threetxt {
width: 35.15625%;
margin-left: 2.34375%;
margin-right: 13.28125%;
padding: 20px 0;
display: inline-block;
vertical-align: middle;
}
.about-fourwrap .incommonweb {
position: absolute;
top: 0;
left: 50%;
z-index: 3;
width: 100%;
height: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.about-fourtext {
position: relative;
width: 45%;
padding: 0 5%;
height: 100%;
display: table;
table-layout: fixed;
}
.about-fourtext .about-fourbg {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(0, 145, 211, 0.9);
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
-o-transform: skew(15deg);
transform: skew(15deg);
content: '';
}
.about-fourtxt {
position: relative;
z-index: 5;
display: table-cell;
width: 100%;
vertical-align: middle;
color: #fff;
}
.about-fivewrap1 img {
width: 68.35938%;
}
.about-fivetxt {
position: absolute;
top: 50%;
right: 0;
z-index: 3;
margin-top: -15px;
}
.about-fiveul li {
width: 25.78125%;
padding-right: 1.5625%;
}
.about-fiveul li:after {
display: block;
}
.about-fiveul li:nth-child(2n),
.about-fiveul li:nth-child(3n) {
width: 28.125%;
text-align: center;
}
.about-fiveul li:nth-child(4n) {
width: 17.96875%;
text-align: right;
padding-right: 0;
}
.about-fiveul li:nth-child(4n):after {
display: none;
}
.about-sixfl {
width: 49.21875%;
display: inline-block;
vertical-align: middle;
}
.about-sixtxt {
margin-top: 0px;
display: inline-block;
vertical-align: middle;
margin-left: 3.90625%;
width: 46.875%;
}
/**.products-oneul li { width: 31.03125%; margin-right: 3.45313%; } .products-oneul li:nth-child(2n) { margin-right: 3.45313%; } .products-oneul li:nth-child(3n) { margin-right: 0; }**/
.products-oneul li {
width: 23.5%;
margin-right: 2%;
}
.products-oneul li:nth-child(2n) {
margin-right: 2%;
}
.products-oneul li:nth-child(4n) {
margin-right: 0;
}
.products-two h3 {
position: absolute;
left: 0;
bottom: 28px;
z-index: 3;
margin-top: 0;
}
.products-fourwrap a {
width: 47.65625%;
margin-right: 4.6875%;
}
.products-fourwrap a:nth-child(2n) {
margin-right: 0;
}
.case-oneleft,
.casepost-oneleft {
width: 50%;
display: inline-block;
vertical-align: top;
}
.case-onetext,
.casepost-onetxt {
margin-left: 1.5625%;
display: inline-block;
vertical-align: top;
width: 48.4375%;
}
.casepost-onetxt2 {
max-height: 84px;
overflow-y: auto;
}
.casepost-onetxt2::-webkit-scrollbar {
width: 2px;
height: 8px;
background-color: #fff;
}
.casepost-onetxt2::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
}
.casepost-onetxt2::-webkit-scrollbar-thumb {
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color: #00164a;
}
.walfare-onewrap {
position: relative;
}
.walfare-onewrap:before {
position: absolute;
top: -2%;
left: 7%;
width: 33.33333%;
height: 31.6092%;
background: url(http://zhouxin.new.uoeee.com/dist/images/walfareafter1.png) no-repeat center center;
background-size: cover;
content: '';
}
.walfare-onewrap li {
position: relative;
z-index: 3;
width: 33.33333%;
height: 100%;
min-height: 236px;
}
.walfare-onewrap li:first-child {
position: relative;
}
.walfare-onewrap li:first-child:after {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
background: #facd01;
content: '';
}
.walfare-onewrap li.li1 {
display: inline-block;
}
.walfare-onewrap li.li5 {
display: inline-block;
background: #f6f9fa;
}
.walfare-onewrap li.li6 {
width: 66.66667%;
}
.walfare-twowrap li {
width: 33.33333%;
padding: 0;
font-size: 0;
}
.walfare-twowrap li a {
display: inline-block;
vertical-align: middle;
width: 98.75%;
}
.walfare-twowrap li:nth-child(2) {
padding: 0px;
text-align: center;
}
.walfare-twowrap li:nth-child(2) a {
width: 97.5%;
}
.walfare-twowrap li:nth-child(4) {
padding: 0px;
}
.walfare-twowrap li:nth-child(3),
.walfare-twowrap li:nth-child(5) {
text-align: right;
padding: 0px;
}
.school-threewrap:after {
position: absolute;
top: 42px;
left: 0;
width: 100%;
height: 1px;
border-bottom: 1px dashed #0091d3;
content: '';
}
.school-threewrap li {
width: 11.32813%;
margin-right: 10.83984%;
padding: 0 10px;
}
.school-threewrap li:nth-child(3n) {
margin-right: 10.83984%;
}
.school-threewrap li:last-child {
margin-right: 0;
}
.school-threeicon {
max-width: 124px;
width: 100%;
}
.hotjob-twofl {
float: left;
padding-top: 20px;
width: 41.40625%;
}
.jobhot-map {
float: right;
margin-top: 0;
width: 56.25%;
height: 400px;
}
}
@media (min-width: 768px) {
.suzymail-wrap {
width: auto;
}
.suzymail-view {
white-space: nowrap;
text-align: center;
}
.suzymail-view a {
width: 140px;
margin-right: 20px;
}
.suzymail-view a:nth-child(2n) {
margin-right: 20px;
}
.suzymail-view a:last-child {
margin-right: 0;
}
}
@media (min-width: 768px) {
.full-recruitA-container .recruitA-list {
overflow: hidden;
}
.full-recruitA-container .recruitA-list ul {
margin: 0 -10px;
}
.full-recruitA-container .recruitA-list li {
float: left;
width: 50%;
padding: 0 10px;
margin-bottom: 20px;
height: 240px;
}
.full-recruitA-container .recruitA-list .main {
height: 238px;
}
.full-recruitA-container .recruitA-list .name {
font-size: 18px;
}
.full-recruitA-container .recruitA-list .inner {
padding: 30px 30px 50px;
}
.full-recruitA-container .recruitA-list .brief {
padding: 18px 0;
}
.full-recruitA-container .recruitA-list .ctrl a {
line-height: 46px;
}
}
@media (min-width: 768px) {
.full-newsB-container .newsB-list ul {
margin: 0 -10px;
}
.full-newsB-container .newsB-list li {
width: 50%;
padding: 0 10px;
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.suzycase-post1,
.suzycase-post2 {
margin: 0px -0.5%;
padding-top: 0;
padding-bottom: 0;
}
.suzycase-post1img {
width: 30%;
vertical-align: middle;
}
.suzycase-post1text {
width: 69%;
display: inline-block;
vertical-align: middle;
padding-bottom: 20px;
padding-left: 20px;
}
.suzycase-post2img {
width: 30%;
vertical-align: middle;
}
.suzycase-post2text {
width: 69%;
display: inline-block;
vertical-align: middle;
padding-bottom: 20px;
padding-right: 20px;
}
.suzycase-post6ul {
display: table;
border-spacing: 30px 0;
}
.suzycase-post5 {
margin: 0px -30px;
}
.suzycase-post6ul li {
width: 33.3333%;
display: table-cell;
vertical-align: top;
}
.suzycase-post5ul {
display: table;
border-spacing: 15px 0;
}
.suzycase-post6 {
margin: 0px -15px;
}
.suzycase-post5ul li {
width: 25%;
display: table-cell;
vertical-align: top;
}
}
@media (min-width: 1024px) {
.suzymail-wrap2 {
/**padding: 34px 104px 16px;**/
padding: 25px 40px 16px;
padding: 0.52083rem 0.83333rem 0.33333rem;
}
/**.suzymail-view a { width: 180px; margin-right: 29px; } .suzymail-view a:nth-child(2n) { margin-right: 29px; }**/
.suzymail-view {
margin-top: 10px;
margin-top: 0.20833rem;
}
.suzymail-title {
font-size: 24px;
font-size: 0.5rem;
}
.suzypropost-onemapdes {
margin-bottom: 20px;
font-size: 14px;
margin-bottom: 0.41667rem;
font-size: 0.29167rem;
}
.suzymail-view a {
margin-bottom: 10px;
margin-bottom: 0.20833rem;
}
.suzymail-view a h3 {
margin-bottom: 7px;
margin-bottom: 0.14583rem;
}
.suzymail-view a h4 {
margin-top: 10px;
margin-top: 0.20833rem;
}
.suzymail-view a:hover .suzymail-boximg {
-webkit-box-shadow: 0px 10px 20px -10px #aaa;
box-shadow: 0px 10px 20px -10px #aaa;
-webkit-box-shadow: 0px 0.20833rem 0.41667rem -0.20833rem #aaa;
box-shadow: 0px 0.20833rem 0.41667rem -0.20833rem #aaa;
}
.suzypropost-onemapwrap {
width: 700px;
max-width: 700px;
width: 14.58333rem;
max-width: 14.58333rem;
}
.suzypropost-onemapview {
padding: 20px 20px;
padding: 0.41667rem 0.41667rem;
}
.suzypropost-onemapimg2 {
float: left;
width: 250px;
width: 5.20833rem;
}
.suzypropost-onemaptext {
padding-left: 24px;
padding-top: 0px;
padding-left: 0.5rem;
}
.infooter-bottomul li.li2 p {
background-size: 15px auto;
background-size: 0.3125rem auto;
}
.infooter-bottomul li.li2 p:nth-child(2) {
background-size: 19px auto;
background-size: 0.39583rem auto;
}
.infooter-bottomul li.li2 p:nth-child(3) {
background-size: 17px auto;
background-size: 0.35417rem auto;
}
.infooter-bottomul li.li1 {
background-size: 20px auto;
background-position: 0px 7px;
background-size: 0.41667rem auto;
background-position: 0px 0.14583rem;
}
.inabsor-radius:after {
width: 10px;
height: 2px;
width: 0.20833rem;
height: 0.04167rem;
}
.inabsor-radius:before {
width: 2px;
height: 10px;
width: 0.04167rem;
height: 0.20833rem;
}
.talk-onetop {
margin-top: 8px;
margin-top: 0.16667rem;
}
.content-fen {
line-height: 35px;
line-height: 0.72917rem;
}
.content-fentit {
font-size: 14px;
font-size: 0.29167rem;
}
.content-fenv a:first-child {
margin: 0 0 0 5px !important;
margin: 0 0 0 0.10417rem !important;
}
.content-fenv a {
line-height: 35px !important;
height: 35px !important;
margin: 0 0 0 10px !important;
line-height: 0.72917rem !important;
height: 0.72917rem !important;
margin: 0 0 0 0.20833rem !important;
}
.content-fenv a img {
max-height: 18px;
max-height: 0.375rem;
}
.talk-contxt:after {
width: 2px;
width: 0.04167rem;
}
.neiermenu-a a:after {
border-width: 4px;
border-width: 0.08333rem;
}
.suzylinkyouview {
padding-bottom: 10px;
margin-bottom: 20px;
padding-bottom: 0.20833rem;
margin-bottom: 0.41667rem;
}
.suzylinkyouview:after {
border-width: 10px;
border-width: 0.20833rem;
}
.suzylinkyou {
margin-left: 8px;
margin-left: 0.16667rem;
}
.full-recruitA-container .recruitA-list li {
font-size: 15px;
font-size: 0.3125rem;
}
.full-recruitA-container .recruitA-list .name {
font-size: 18px;
line-height: 26px;
font-size: 0.375rem;
line-height: 0.54167rem;
}
.full-recruitA-container .recruitA-list .inner {
padding: 30px 30px 50px;
padding: 0.625rem 0.625rem 1.04167rem;
}
.full-recruitA-container .recruitA-list .brief {
padding: 18px 0;
padding: 0.375rem 0;
}
.full-recruitA-container .recruitA-list .main {
height: 238px;
height: 4.95833rem;
}
.full-recruitA-container .recruitA-list li {
height: 240px;
height: 5rem;
}
.full-recruitA-container .recruitA-list .ctrl a {
line-height: 46px;
font-size: 14px;
line-height: 0.95833rem;
font-size: 0.29167rem;
}
.hotjob-twofl h3:after {
width: 42px;
height: 2px;
width: 0.875rem;
height: 0.04167rem;
}
.abcontact-twode p {
margin-bottom: 5px;
margin-bottom: 0.10417rem;
}
.hotjob-twoflimg img {
width: 150px;
-webkit-border-radius: 2px;
border-radius: 2px;
width: 3.125rem;
-webkit-border-radius: 0.04167rem;
border-radius: 0.04167rem;
}
.hotjob-twoflimg .hotjob-twoerp {
padding-left: 15px;
font-size: 14px;
padding-left: 0.3125rem;
font-size: 0.29167rem;
}
.suzymail-wrap {
max-width: 740px;
max-width: 15.41667rem;
}
.suzymail-boxclose {
top: 18px;
right: 12px;
width: 22px;
height: 22px;
top: 0.375rem;
right: 0.25rem;
width: 0.45833rem;
height: 0.45833rem;
}
.suzymail-boxclose:before {
width: 2px;
height: 12px;
width: 0.04167rem;
height: 0.25rem;
}
.suzymail-boxclose:after {
width: 12px;
height: 2px;
width: 0.25rem;
height: 0.04167rem;
}
.suzymail-view a {
width: 140px;
margin-right: 20px;
width: 2.91667rem;
margin-right: 0.41667rem;
}
.suzymail-view a h3,
.suzymail-view a h4 {
font-size: 14px;
font-size: 0.29167rem;
}
.suzymail-boximg {
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 0.0625rem;
border-radius: 0.0625rem;
}
.mycronic-one h2:after {
width: 32px;
height: 3px;
margin-left: -16px;
width: 0.66667rem;
height: 0.0625rem;
margin-left: -0.33333rem;
}
.mycronic-one .mycronic-onea {
height: 44px;
line-height: 44px;
height: 0.91667rem;
line-height: 0.91667rem;
}
.mycronic-one .mycronic-onea span {
font-size: 13px;
font-size: 0.27083rem;
}
.mycronic-one .mycronic-onea i {
margin-left: 5px;
margin-left: 0.10417rem;
}
.mycronic-one .mycronic-onea i:after {
border-width: 2px;
border-width: 0.04167rem;
}
.mycronic-twotext h4 {
margin-top: 3px;
line-height: 22px;
margin-top: 0.0625rem;
line-height: 0.45833rem;
}
.products-tit h3 {
line-height: 20px;
}
.products-two {
margin-top: 22px;
margin-top: 0.45833rem;
}
.casepost-oneimg .player-btn {
width: 52px;
height: 52px;
line-height: 52px;
width: 1.08333rem;
height: 1.08333rem;
line-height: 1.08333rem;
}
.propost2-one {
margin-bottom: 20px;
margin-bottom: 0.41667rem;
}
.propost2-confrdes {
margin-top: 5px;
height: 48px;
line-height: 24px;
margin-top: 0.10417rem;
height: 1rem;
line-height: 0.5rem;
}
.more-active3 span {
font-size: 14px;
font-size: 0.29167rem;
}
.more-active3 i {
margin-left: 5px;
margin-left: 0.10417rem;
}
.more-active3 i:after {
width: 7px;
height: 7px;
border-width: 2px;
width: 0.14583rem;
height: 0.14583rem;
border-width: 0.04167rem;
}
.walfare-onewrap li:first-child:after {
width: 50px;
height: 50px;
width: 1.04167rem;
height: 1.04167rem;
}
.more-active4:after {
border-width: 5px;
margin-left: -6px;
border-width: 0.10417rem;
margin-left: -0.125rem;
}
.imorepages a:after {
border-width: 5px;
margin-left: -6px;
border-width: 0.10417rem;
margin-left: -0.125rem;
}
.insearch-view .insearch-intxt {
padding: 0 50px 0 15px;
height: 40px;
line-height: 40px;
font-size: 14px;
padding: 0 1.04167rem 0 0.3125rem;
height: 0.83333rem;
line-height: 0.83333rem;
font-size: 0.29167rem;
}
.insearch-view .insearch-sub {
width: 40px;
background-size: 42.5% auto;
width: 0.83333rem;
}
.full-searchA-wrapper .search-form form {
max-width: 520px;
padding-right: 80px;
-webkit-border-radius: 20px;
border-radius: 20px;
max-width: 10.83333rem;
padding-right: 1.66667rem;
-webkit-border-radius: 0.41667rem;
border-radius: 0.41667rem;
}
.full-searchA-wrapper .search-form input[type='text'] {
padding-left: 36px;
background-position: 12px center;
background-size: auto 16px;
padding-left: 0.75rem;
background-position: 0.25rem center;
background-size: auto 0.33333rem;
}
.full-searchA-wrapper .search-form input {
font-size: 14px;
line-height: 38px;
height: 38px;
font-size: 0.29167rem;
line-height: 0.79167rem;
height: 0.79167rem;
}
.full-searchA-wrapper .search-form input[type='submit'] {
width: 80px;
padding: 0 20px;
width: 1.66667rem;
padding: 0 0.41667rem;
}
.full-searchA-wrapper .search-result .length {
padding: 10px 0;
font-size: 14px;
padding: 0.20833rem 0;
font-size: 0.29167rem;
}
.full-searchA-wrapper .result-list .desc {
max-height: 48px;
line-height: 24px;
font-size: 14px;
max-height: 1rem;
line-height: 0.5rem;
font-size: 0.29167rem;
}
.video-player-popup .video-player {
max-width: 960px;
min-height: 300px;
max-width: 20rem;
min-height: 6.25rem;
}
.video-player-popup .close {
top: -40px;
width: 40px;
height: 40px;
background-size: 55% auto;
top: -0.83333rem;
width: 0.83333rem;
height: 0.83333rem;
}
.school-threeicon {
max-width: 124px;
max-width: 2.58333rem;
}
.newsA-topnews-swiper .more {
font-size: 14px;
line-height: 24px;
font-size: 0.29167rem;
line-height: 0.5rem;
}
.newsA-topnews-swiper .newsA-pages span {
width: 10px;
height: 10px;
margin: 0 5px;
width: 0.20833rem;
height: 0.20833rem;
margin: 0 0.10417rem;
}
.news-twotxt:after {
height: 2px;
height: 0.04167rem;
}
.inexpo-onea i:after {
width: 7px;
height: 7px;
border-width: 2px;
width: 0.14583rem;
height: 0.14583rem;
border-width: 0.04167rem;
}
.news-fourview {
margin-top: 15px;
margin-top: 0.3125rem;
}
.news-fourtime {
width: 50px;
height: 50px;
padding-top: 5px;
line-height: 14px;
font-size: 14px;
width: 1.04167rem;
height: 1.04167rem;
padding-top: 0.10417rem;
line-height: 0.29167rem;
font-size: 0.29167rem;
}
.news-fourtime h6 {
font-size: 24px;
margin-bottom: 2px;
font-size: 0.5rem;
margin-bottom: 0.04167rem;
}
.news-fourdes {
margin-top: 5px;
margin-top: 0.10417rem;
}
.news-fourfr {
padding-left: 15px;
line-height: 24px;
font-size: 14px;
padding-left: 0.3125rem;
line-height: 0.5rem;
font-size: 0.29167rem;
}
.case-one {
padding: 20px 0 10px;
padding: 0.41667rem 0 0.20833rem;
}
.case-tworighta img {
width: 20px;
width: 0.41667rem;
}
.about-oneimg .player-btn {
width: 52px;
height: 52px;
line-height: 52px;
width: 1.08333rem;
height: 1.08333rem;
line-height: 1.08333rem;
}
.about-twodes {
margin-top: 13px;
margin-top: 0.27083rem;
}
.about-fourtxt h3:after {
height: 4px;
height: 0.08333rem;
}
.about-fiveul li:after {
width: 1px;
height: 24px;
width: 0.02083rem;
height: 0.5rem;
}
.suzypropost-onemaptext h3 {
margin-bottom: 4px;
font-size: 18px;
margin-bottom: 0.08333rem;
font-size: 0.375rem;
}
.suzypropost-onemapul li.cur:after {
height: 100px;
height: 2.08333rem;
}
a.suzypropost-onemapradius {
width: 16px;
height: 16px;
width: 0.33333rem;
height: 0.33333rem;
}
a.suzypropost-onemapradius span:before {
width: 2px;
height: 8px;
width: 0.04167rem;
height: 0.16667rem;
}
a.suzypropost-onemapradius span:after {
width: 8px;
height: 2px;
width: 0.16667rem;
height: 0.04167rem;
}
.about-threetxt li::before,
.about-sixtxt li::before {
font-size: 16px;
font-size: 0.33333rem;
}
.suzy-schooltwoa1 {
padding: 0 45px;
font-size: 36px;
-webkit-border-radius: 35px;
border-radius: 35px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
padding: 0 0.9375rem;
font-size: 0.75rem;
-webkit-border-radius: 0.72917rem;
border-radius: 0.72917rem;
}
.suzy-schooltwoa1:hover {
-webkit-box-shadow: 0px -5px 0px 5px #c4e6e7 inset;
box-shadow: 0px -5px 0px 5px #c4e6e7 inset;
-webkit-box-shadow: 0px -0.10417rem 0px 0.10417rem #c4e6e7 inset;
box-shadow: 0px -0.10417rem 0px 0.10417rem #c4e6e7 inset;
}
}
@media (min-width: 1024px) {
.full-searchA-wrapper .search-form {
padding: 40px 0;
padding: 0.83333rem 0;
}
.full-searchA-wrapper .commonweb {
max-width: 960px;
max-width: 20rem;
}
.full-searchA-wrapper .loadmore {
padding: 40px 0;
padding: 0.83333rem 0;
}
.full-searchA-wrapper .loadmore a {
line-height: 50px;
line-height: 1.04167rem;
}
.full-searchA-wrapper .result-list li {
padding: 20px 0;
padding: 0.41667rem 0;
}
.full-searchA-wrapper .result-list .content h2 {
line-height: 24px;
max-height: 48px;
font-size: 16px;
margin-bottom: 10px;
font-weight: bold;
line-height: 0.5rem;
max-height: 1rem;
font-size: 0.33333rem;
margin-bottom: 0.20833rem;
}
.full-searchA-wrapper .result-list .thumb {
width: 280px;
margin-bottom: 30px;
margin-right: 10px;
width: 5.83333rem;
margin-bottom: 0.625rem;
margin-right: 0.20833rem;
}
}
@media (min-width: 1024px) {
body.active {
padding-top: 63px;
padding-top: 1.3125rem;
}
.incommonweb,
.incommonweb2 {
padding-left: 40px;
padding-right: 40px;
padding-left: 0.83333rem;
padding-right: 0.83333rem;
}
.mobile-btn {
display: none;
}
.inheader {
height: 100px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
height: 2.08333rem;
}
.develop-onetxt h3:before {
top: -12px;
width: 200px;
top: -0.25rem;
width: 4.16667rem;
}
.about-threetxt ul li {
padding-bottom: 12px;
padding-bottom: 0.25rem;
}
body.active .inheader {
height: 63px;
height: 1.3125rem;
}
.inheader .incommonweb {
padding-right: 40px;
padding-right: 0.83333rem;
}
.inlogo {
height: 100px;
line-height: 100px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
height: 2.08333rem;
line-height: 2.08333rem;
}
body.active .inlogo {
height: 63px;
line-height: 63px;
height: 1.3125rem;
line-height: 1.3125rem;
}
.inlogo img {
max-height: 100%;
}
.inheader-frtop {
position: static;
padding: 20px 0 0;
text-align: right;
visibility: visible;
opacity: 1;
background: transparent;
-webkit-transition: opacity .5s ease-in-out, -webkit-transform .5s ease-in-out;
transition: opacity .5s ease-in-out, -webkit-transform .5s ease-in-out;
-o-transition: opacity .5s ease-in-out, -o-transform .5s ease-in-out;
transition: opacity .5s ease-in-out, transform .5s ease-in-out;
transition: opacity .5s ease-in-out, transform .5s ease-in-out, -webkit-transform .5s ease-in-out, -o-transform .5s ease-in-out;
padding: 0.41667rem 0 0;
}
body.active .inheader-frtop {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-60%);
-ms-transform: translateY(-60%);
-o-transform: translateY(-60%);
transform: translateY(-60%);
}
.inheader-frtop a {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.inheader-frtop a:hover {
color: #020920;
}
.inheader-frtop a,
.inheader-frtop span {
font-size: 13px;
height: 20px;
line-height: 20px;
font-size: 0.27083rem;
height: 0.41667rem;
line-height: 0.41667rem;
}
.inheader-fr {
float: right;
position: static;
top: 0px;
display: block;
width: auto;
height: auto;
padding: 0;
background: transparent;
overflow: visible;
border-top: none;
}
.innav-ul {
position: relative;
width: auto;
overflow-y: visible;
-webkit-transition: margin .5s;
-o-transition: margin .5s;
transition: margin .5s;
margin-top: 10px;
margin-top: 0.20833rem;
}
.innav-ul li {
float: left;
margin-right: 30px;
margin-right: 0.625rem;
}
.innav-ul li:nth-last-of-type(1) {
margin-right: 0;
}
.innav-ul li.cur .innav-h3 a {
color: #0b132f;
}
.innav-h3 {
border-bottom: none;
}
body.active .innav-ul {
margin-top: -27px;
margin-top: -0.5625rem;
}
.innav-h3 a {
position: relative;
z-index: 5;
line-height: 50px;
font-size: 16px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
line-height: 1.04167rem;
font-size: 0.33333rem;
}
/**body.active .innav-h3 a{line-height: 40px;}**/
.innav-ermenu {
position: fixed;
top: 100px;
right: 0;
z-index: 202;
width: 100%;
/**max-width: 1280px;**/
display: none;
padding: 15px 0px 10px 0%;
border-bottom: none;
text-align: center;
font-size: 0;
background: rgba(237, 244, 250, 0.7);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
padding: 0.3125rem 0px 0.20833rem 0%;
}
.innav-ermenu a,
.innav-ermenu2 a {
color: #333 !important;
font-size: 15px !important;
}
.innav-era {
font-weight: bold !important;
}
/**.innav-ermenu .incommonweb{padding-left: 25.8%!important;}**/
body.active .innav-ermenu {
top: 63px;
top: 1.3125rem;
}
.innav-ermenu a {
display: inline-block;
vertical-align: top;
width: auto;
margin: 0 15px 5px;
line-height: 30px;
font-size: 14px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
border-bottom: 1px solid transparent;
margin: 0 0.3125rem 0.10417rem;
line-height: 30px;
font-size: 0.29167rem;
border-bottom: 0.02083rem solid transparent;
}
.innav-ermenu a:hover {
color: #020920;
}
.insearch-view {
top: 100px;
right: 40px;
padding: 0px;
max-width: 240px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 15px -5px #ddd;
box-shadow: 0px 0px 15px -5px #ddd;
top: 2.08333rem;
right: 0.83333rem;
max-width: 5rem;
-webkit-border-radius: 0.0625rem;
border-radius: 0.0625rem;
-webkit-box-shadow: 0px 0px 0.3125rem -0.10417rem #ddd;
box-shadow: 0px 0px 0.3125rem -0.10417rem #ddd;
}
body.active .insearch-view {
top: 63px;
top: 1.3125rem;
}
.line {
display: block;
position: absolute;
bottom: 0px;
height: 2px;
background: #facd01;
-webkit-transition: left 0.5s ease 0s, width 0.5s ease 0s;
-o-transition: left 0.5s ease 0s, width 0.5s ease 0s;
transition: left 0.5s ease 0s, width 0.5s ease 0s;
height: 0.04167rem;
}
/**body.active .line{bottom: 5px;} **/
.inbanner-txt1 h2 {
font-size: 50px;
font-size: 1.04167rem;
}
.inbanner-bat {
display: none;
}
.inbanner .inbtn {
display: block;
}
.inbanner-icon {
position: absolute;
width: 22px;
font-size: 0;
bottom: 20px;
left: 50%;
z-index: 10;
display: block;
text-align: center;
font-size: 12px;
color: #fff;
width: 0.45833rem;
bottom: 0.41667rem;
font-size: 0.25rem;
}
.inbanner-icon p {
line-height: 35px;
line-height: 0.72917rem;
}
.inbanner-icon:after {
position: absolute;
content: '';
display: block;
left: 50%;
margin-left: -1px;
top: 15px;
background-color: #fff;
width: 2px;
height: 6px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-transition: background-color 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
-o-transition: background-color 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
transition: background-color 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
-webkit-animation: trackBallSlide 2.4s cubic-bezier(0, 0, 0.725, 1) infinite;
-o-animation: trackBallSlide 2.4s cubic-bezier(0, 0, 0.725, 1) infinite;
animation: trackBallSlide 2.4s cubic-bezier(0, 0, 0.725, 1) infinite;
transition: background-color 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
margin-left: -0.02083rem;
top: 0.3125rem;
width: 0.04167rem;
height: 0.125rem;
-webkit-border-radius: 0.20833rem;
border-radius: 0.20833rem;
}
.inbanner-iconsvg {
position: relative;
width: 100%;
-webkit-animation: nudgeMouse 2.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
-o-animation: nudgeMouse 2.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
animation: nudgeMouse 2.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}
.inbanner-iconsvg:after {
content: "";
position: absolute;
top: 0;
left: 50%;
display: block;
width: 22px;
height: 33px;
margin-left: -11px;
border: 1px solid #fff;
-webkit-border-radius: 30px;
border-radius: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 10;
width: 0.45833rem;
height: 0.6875rem;
margin-left: -0.22917rem;
border: 0.02083rem solid #fff;
-webkit-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.inbanner-iconsvg svg {
position: relative;
width: 22px;
z-index: 15;
width: 0.45833rem;
}
.nectar-scroll-icon-path {
position: relative;
z-index: 15;
width: 100%;
height: 100%;
fill: transparent;
stroke-width: 2px;
stroke-dashoffset: 120;
stroke-dasharray: 120;
-webkit-transition: fill 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
-o-transition: fill 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
transition: fill 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
-webkit-animation: mouse-scroll-btn-roll-out 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
-o-animation: mouse-scroll-btn-roll-out 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
animation: mouse-scroll-btn-roll-out 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
stroke-width: 0.04167rem;
}
.inbanner-icon:hover .nectar-scroll-icon-path {
stroke-dashoffset: 0;
-webkit-animation: mouse-scroll-btn-roll-over 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
-o-animation: mouse-scroll-btn-roll-over 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
animation: mouse-scroll-btn-roll-over 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
}
.inbanner-icon:hover::after {
background-color: #000;
}
@-webkit-keyframes mouse-scroll-btn-roll-over {
0% {
stroke-dashoffset: 120;
}
100% {
stroke-dashoffset: 0;
}
}
@-o-keyframes mouse-scroll-btn-roll-over {
0% {
stroke-dashoffset: 120;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes mouse-scroll-btn-roll-over {
0% {
stroke-dashoffset: 120;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes mouse-scroll-btn-roll-out {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -120;
}
}
@-o-keyframes mouse-scroll-btn-roll-out {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -120;
}
}
@keyframes mouse-scroll-btn-roll-out {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -120;
}
}
@-o-keyframes nudgeMouse {
0% {
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
45% {
-webkit-transform: translateY(4px);
-o-transform: translateY(4px);
transform: translateY(4px);
-webkit-transform: translateY(0.08333rem);
-o-transform: translateY(0.08333rem);
transform: translateY(0.08333rem);
}
65%,
100% {
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes nudgeMouse {
0% {
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
45% {
-webkit-transform: translateY(4px);
-o-transform: translateY(4px);
transform: translateY(4px);
-webkit-transform: translateY(0.08333rem);
-o-transform: translateY(0.08333rem);
transform: translateY(0.08333rem);
}
65%,
100% {
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes nudgeMouse {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
45% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
-webkit-transform: translateY(0.08333rem);
transform: translateY(0.08333rem);
}
65%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes trackBallSlide {
0% {
opacity: 1;
-webkit-transform: scaleY(1) translateY(-6px);
transform: scaleY(1) translateY(-6px);
-webkit-transform: scaleY(1) translateY(-0.125rem);
transform: scaleY(1) translateY(-0.125rem);
}
45% {
opacity: 0;
-webkit-transform: scaleY(0.5) translateY(10px);
transform: scaleY(0.5) translateY(10px);
-webkit-transform: scaleY(0.5) translateY(0.20833rem);
transform: scaleY(0.5) translateY(0.20833rem);
}
46% {
opacity: 0;
-webkit-transform: scaleY(1) translateY(-6px);
transform: scaleY(1) translateY(-6px);
-webkit-transform: scaleY(1) translateY(-0.125rem);
transform: scaleY(1) translateY(-0.125rem);
}
65%,
100% {
opacity: 1;
-webkit-transform: scaleY(1) translateY(-6px);
transform: scaleY(1) translateY(-6px);
-webkit-transform: scaleY(1) translateY(-0.125rem);
transform: scaleY(1) translateY(-0.125rem);
}
}
@-o-keyframes trackBallSlide {
0% {
opacity: 1;
-webkit-transform: scaleY(1) translateY(-6px);
-o-transform: scaleY(1) translateY(-6px);
transform: scaleY(1) translateY(-6px);
-webkit-transform: scaleY(1) translateY(-0.125rem);
-o-transform: scaleY(1) translateY(-0.125rem);
transform: scaleY(1) translateY(-0.125rem);
}
45% {
opacity: 0;
-webkit-transform: scaleY(0.5) translateY(10px);
-o-transform: scaleY(0.5) translateY(13px);
transform: scaleY(0.5) translateY(13px);
-webkit-transform: scaleY(0.5) translateY(0.20833rem);
-o-transform: scaleY(0.5) translateY(0.27083rem);
transform: scaleY(0.5) translateY(0.27083rem);
}
46% {
opacity: 0;
-webkit-transform: scaleY(1) translateY(-6px);
-o-transform: scaleY(1) translateY(-6px);
transform: scaleY(1) translateY(-6px);
-webkit-transform: scaleY(1) translateY(-0.125rem);
-o-transform: scaleY(1) translateY(-0.125rem);
transform: scaleY(1) translateY(-0.125rem);
}
65%,
100% {
opacity: 1;
-webkit-transform: scaleY(1) translateY(-6px);
-o-transform: scaleY(1) translateY(-6px);
transform: scaleY(1) translateY(-6px);
-webkit-transform: scaleY(1) translateY(-0.125rem);
-o-transform: scaleY(1) translateY(-0.125rem);
transform: scaleY(1) translateY(-0.125rem);
}
}
@keyframes trackBallSlide {
0% {
opacity: 1;
-webkit-transform: scaleY(1) translateY(-6px);
-o-transform: scaleY(1) translateY(-6px);
transform: scaleY(1) translateY(-6px);
-webkit-transform: scaleY(1) translateY(-0.125rem);
-o-transform: scaleY(1) translateY(-0.125rem);
transform: scaleY(1) translateY(-0.125rem);
}
45% {
opacity: 0;
-webkit-transform: scaleY(0.5) translateY(10px);
-o-transform: scaleY(0.5) translateY(13px);
transform: scaleY(0.5) translateY(13px);
-webkit-transform: scaleY(0.5) translateY(0.20833rem);
-o-transform: scaleY(0.5) translateY(0.27083rem);
transform: scaleY(0.5) translateY(0.27083rem);
}
46% {
opacity: 0;
-webkit-transform: scaleY(1) translateY(-6px);
-o-transform: scaleY(1) translateY(-6px);
transform: scaleY(1) translateY(-6px);
-webkit-transform: scaleY(1) translateY(-0.125rem);
-o-transform: scaleY(1) translateY(-0.125rem);
transform: scaleY(1) translateY(-0.125rem);
}
65%,
100% {
opacity: 1;
-webkit-transform: scaleY(1) translateY(-6px);
-o-transform: scaleY(1) translateY(-6px);
transform: scaleY(1) translateY(-6px);
-webkit-transform: scaleY(1) translateY(-0.125rem);
-o-transform: scaleY(1) translateY(-0.125rem);
transform: scaleY(1) translateY(-0.125rem);
}
}
.infooter {
padding-top: 50px;
padding-top: 1.04167rem;
}
.infooter-erweima {
float: none;
width: 100%;
padding-top: 40px;
text-align: left;
padding-top: 0.83333rem;
}
.infooter-erweima img {
width: 100%;
max-width: 160px;
height: auto;
max-width: 3.33333rem;
}
.infooter-logo {
float: none;
max-width: none;
padding-top: 5px;
padding-top: 0.10417rem;
}
.infooter-top {
padding-bottom: 30px;
padding-bottom: 0.625rem;
}
.infooter-topfl {
float: left;
width: 12.5%;
}
.infooter-topfr {
float: right;
width: 81%;
margin-top: 0px;
font-size: 0;
}
.infooter-dl {
display: inline-block;
vertical-align: top;
width: 12.7142%;
padding-right: 1.00301%;
border-top: none;
}
.infooter-dl dt {
margin-bottom: 10px;
margin-bottom: 0.20833rem;
}
.infooter-dl dt a {
height: auto;
line-height: 24px;
line-height: 0.5rem;
}
.infooter-dl dd {
display: block;
}
.infooter-dl dd a {
height: auto;
line-height: 22px;
margin-bottom: 10px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
line-height: 0.45833rem;
margin-bottom: 0.20833rem;
}
.infooter-dl dd a:hover {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px);
color: #facd01;
-webkit-transform: translateX(0.10417rem);
-ms-transform: translateX(0.10417rem);
-o-transform: translateX(0.10417rem);
transform: translateX(0.10417rem);
}
.infooter-dl:last-child {
width: 11%;
padding-right: 0;
}
.infooter-bottom {
padding: 30px 0 25px;
padding: 0.625rem 0 0.52083rem;
}
.infooter-bottomul {
float: left;
width: 75%;
font-size: 0;
}
/**.infooter-bottomul { float: left; width: 76.95313%; font-size: 0; } padding-right: 3.04569%; margin-right: 2.74112%;**/
.infooter-bottomul li {
position: relative;
display: inline-block;
vertical-align: top;
padding-left: 35px;
padding-right: 10%;
margin-right: 8%;
padding-left: 0.72917rem;
}
.infooter-bottomul li:after {
position: absolute;
top: 7px;
right: 0;
width: 1px;
height: 50px;
background: #3f4143;
content: '';
top: 0.14583rem;
width: 0.02083rem;
height: 1.04167rem;
}
.infooter-bottomul li:last-child {
margin-right: 0;
}
/**.infooter-bottomul li.li1 { width: 34.01015%; } .infooter-bottomul li.li2 { width: 31.47208%; } .infooter-bottomul li.li3 { width: 29.03553%; }**/
.infooter-bottomul li.li1 {
width: 42%;
}
.infooter-bottomul li.li2 {
width: 42%;
text-align: center;
}
.infooter-bottomul li.li2 p {
padding-left: 35px;
padding-left: 0.72917rem;
}
.infooter-bottomul li.li3 {
width: 42%;
}
.infooter-link {
padding-top: 7px;
padding-top: 0.14583rem;
}
.infooter-link a {
margin-right: 20px;
margin-right: 0.41667rem;
}
.infooter-bottomfr {
float: right;
width: 25%;
}
.inleft {
position: fixed;
top: 50%;
right: -50px;
z-index: 199;
display: block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
opacity: 0;
visibility: hidden;
right: -1.04167rem;
}
.inleft.active {
right: 12px;
visibility: visible;
opacity: 1;
right: 0.25rem;
}
.inleft-item {
position: relative;
margin-bottom: 1px;
margin-bottom: 0.02083rem;
}
.inleft-item>a {
display: block;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
width: 0.83333rem;
height: 0.83333rem;
line-height: 0.83333rem;
}
.inleft-item>a:hover {
background: #0091d3;
}
.inleft-item img {
width: 20px;
width: 0.41667rem;
}
.inleft-item:hover .inleft-itemer {
max-width: 300px;
max-width: 6.25rem;
}
.inleft-itemer {
position: absolute;
top: 0;
right: 0;
z-index: 10;
font-size: 0;
width: auto;
max-width: 0;
line-height: 40px;
white-space: nowrap;
background: rgba(0, 0, 0, 0.5);
overflow: hidden;
-webkit-transition: all linear .5s;
-o-transition: all linear .5s;
transition: all linear .5s;
line-height: 0.83333rem;
}
.inleft-itemer span,
.inleft-itemer a {
display: inline-block;
vertical-align: middle;
font-size: 16px;
color: #ffffff;
font-size: 0.33333rem;
}
.inleft-itemer a {
padding-right: 14px;
padding-right: 0.29167rem;
}
.inleft-itemer span {
width: 40px;
text-align: center;
width: 0.83333rem;
}
.backtop {
text-align: center;
line-height: 0;
font-size: 0;
overflow: hidden;
}
.backtop a {
position: relative;
padding-top: 20px;
display: block;
font-size: 12px;
color: #fff;
line-height: 1;
padding-top: 0.41667rem;
font-size: 0.25rem;
}
.backtop a:before {
position: absolute;
top: 10px;
left: 50%;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
-webkit-transform: translateX(-50%) rotate(45deg);
-ms-transform: translateX(-50%) rotate(45deg);
-o-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
content: '';
top: 0.20833rem;
width: 0.20833rem;
height: 0.20833rem;
border-top: 0.04167rem solid #fff;
border-left: 0.04167rem solid #fff;
}
.inabsor {
padding: 24px 0 40px;
padding: 0.5rem 0 0.83333rem;
}
.intit {
font-size: 20px;
font-size: 0.41667rem;
}
.intit h2 {
font-size: 28px;
line-height: 1.8;
font-size: 0.58333rem;
}
.intit h2:after {
width: 62px;
height: 4px;
width: 1.29167rem;
height: 0.08333rem;
}
.intit h3 {
margin-top: 10px;
font-size: 18px;
margin-top: 0.20833rem;
font-size: 0.375rem;
}
.inabsor-view {
margin-top: 26px;
margin-top: 0.54167rem;
}
.inabsor-view .swiper-slide {
overflow: visible;
overflow: hidden;
}
.inabsor-view .swiper-slide:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.inabsor-view .swiper-slide img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.inabsor-view .swiper-slide:hover .inabsor-img:after {
opacity: .8;
}
.inabsor-view .swiper-slide:hover .inabsor-men {
display: block;
}
.inabsor-view .swiper-slide:hover .inabsor-img {
-webkit-box-shadow: 0px 10px 15px -8px #aaa;
box-shadow: 0px 10px 15px -8px #aaa;
-webkit-box-shadow: 0px 0.20833rem 0.3125rem -0.16667rem #aaa;
box-shadow: 0px 0.20833rem 0.3125rem -0.16667rem #aaa;
}
.inabsor-view .swiper-slide:hover .inabsor-text h3 {
color: #00164a;
}
.inabsor-img:after,
.inabsor-img {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.inabsor-prev {
left: -32px;
left: -0.66667rem;
}
.inabsor-next {
right: -32px;
right: -0.66667rem;
}
.inabsor-text {
margin-top: 15px;
margin-top: 0.3125rem;
}
.inabsor-text h3 {
font-size: 16px;
font-size: 0.33333rem;
}
.incon-bat {
display: none;
}
.inpro-btm {
overflow: hidden;
}
.inpro-btmwrap {
padding: 7px 0 40px;
padding: 0.14583rem 0 0.83333rem;
}
.inpro-btmflv {
margin-top: -150px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
margin-top: -3.125rem;
}
.inpro-btmfl {
padding: 10% 10% 8%;
}
.inpro-btmfl h3 {
font-size: 26px;
font-size: 0.54167rem;
}
.inpro-btmfl .inpro-btma {
margin-top: 35px;
margin-top: 0.72917rem;
}
.inpro-btma span {
font-size: 16px;
font-size: 0.33333rem;
}
.inpro-btmfl .inpro-btma i {
margin-left: 12px;
margin-left: 0.25rem;
}
.inpro-btma:hover span {
color: #00164a;
}
.inpro-btma:hover i {
border-color: #facd01;
background: #facd01;
}
.inpro-btma:hover i:after {
border-color: #00164a;
}
.inpro-btmfldes {
margin-top: 20px;
overflow-y: auto;
margin-top: 0.41667rem;
}
.inpro-btmfldes::-webkit-scrollbar {
width: 2px;
height: 8px;
background-color: #fff;
width: 0.04167rem;
height: 0.16667rem;
}
.inpro-btmfldes::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
-webkit-box-shadow: inset 0 0 0.02083rem rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0.04167rem;
border-radius: 0.04167rem;
}
.inpro-btmfldes::-webkit-scrollbar-thumb {
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color: #00164a;
-webkit-border-radius: 0.04167rem;
border-radius: 0.04167rem;
-webkit-box-shadow: inset 0 0 0.04167rem rgba(0, 0, 0, 0.1);
}
.insale {
padding-bottom: 0;
}
.insale-txt {
width: 28.125%;
}
.insale-txt h4 {
margin-top: 8px;
font-size: 24px;
margin-top: 0.16667rem;
font-size: 0.5rem;
}
.insale-txt a {
margin-top: 14px;
font-size: 18px;
margin-top: 0.29167rem;
font-size: 0.375rem;
}
.insale-txt a img {
margin-left: 10px;
margin-top: -4px;
margin-left: 0.20833rem;
margin-top: -0.08333rem;
}
.insale-tit h3 {
line-height: 32px;
font-size: 22px;
line-height: 0.66667rem;
font-size: 0.45833rem;
}
.insale-num {
line-height: 64px;
font-size: 48px;
line-height: 1.33333rem;
font-size: 1rem;
}
.inexpo {
padding: 40px 0 40px;
overflow: hidden;
padding: 0.83333rem 0 0.83333rem;
}
.inexpo-one {
overflow: hidden;
}
.inexpo-one:hover img {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
-o-transform: scale(1.03);
transform: scale(1.03);
}
.inexpo-one img {
width: 100%;
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.inexpo-onea {
margin-top: 26px;
line-height: 26px;
margin-top: 0.54167rem;
line-height: 0.54167rem;
}
.inexpo-onea span {
font-size: 16px;
font-size: 0.33333rem;
}
.inexpo-onetit {
font-size: 16px;
font-size: 0.33333rem;
}
.inexpo-onetit h3 {
margin-bottom: 10px;
font-size: 32px;
margin-bottom: 0.20833rem;
font-size: 0.66667rem;
}
.inexpo-onedes {
margin-bottom: 15px;
margin-bottom: 0.3125rem;
}
.inview-a i {
margin-left: 12px;
margin-left: 0.25rem;
}
.inexpo-two {
margin-top: 60px;
margin-top: 1.25rem;
}
.inabout .inview-a {
margin-top: 25px;
margin-top: 0.52083rem;
}
.intit2 h2 {
font-size: 28px;
font-size: 0.58333rem;
}
.intit2 h2:after {
height: 4px;
margin-top: 6px;
height: 0.08333rem;
margin-top: 0.125rem;
}
.intit2 h3 {
font-size: 18px;
font-size: 0.375rem;
}
.inabout-img {
margin-top: 24px;
overflow: hidden;
margin-top: 0.5rem;
}
/**.inabout-img:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); } */
.inabout-img img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.inabout-des {
margin-top: 24px;
font-size: 15px;
margin-top: 0.5rem;
font-size: 0.3125rem;
}
.innews-ul {
padding-top: 32px;
padding-top: 0.66667rem;
}
.innews-ul li a {
padding: 24px 110px 24px 0;
padding: 0.5rem 2.29167rem 0.5rem 0;
}
.innews-ul li a:hover {
padding-left: 20px;
-webkit-box-shadow: 0px 10px 25px -10px #ccc;
box-shadow: 0px 10px 25px -10px #ccc;
border-color: transparent;
padding-left: 0.41667rem;
-webkit-box-shadow: 0px 0.20833rem 0.52083rem -0.20833rem #ccc;
box-shadow: 0px 0.20833rem 0.52083rem -0.20833rem #ccc;
}
.innews-ul li a:hover h3 {
color: #00164a;
}
.innews-ul li h3 {
font-size: 18px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
font-size: 0.375rem;
}
.innews-time {
top: 22px;
font-size: 22px;
top: 0.45833rem;
font-size: 0.45833rem;
}
.injoin {
padding: 26px 0 50px;
padding: 0.54167rem 0 1.04167rem;
}
.injoin-view {
margin-top: 50px;
margin-top: 1.04167rem;
}
.injoin-view a {
position: relative;
width: 240px;
height: 56px;
margin: 0 34px 20px;
padding-left: 38px;
line-height: 56px;
font-size: 16px;
background-size: auto auto;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
background-size: auto 24px;
width: 5rem;
height: 1.16667rem;
margin: 0 0.70833rem 0.41667rem;
padding-left: 0.79167rem;
line-height: 1.16667rem;
font-size: 0.33333rem;
background-size: auto 0.5rem;
}
.injoin-view a.a1 {
background-position: 52px 14px;
background-size: auto 22px;
background-position: 1.08333rem 0.29167rem;
background-size: auto 0.45833rem;
}
.injoin-view a.a2 {
background-position: 60px 16px;
background-position: 1.25rem 0.33333rem;
}
.injoin-view a.a3 {
background-position: 60px 16px;
background-position: 1.25rem 0.33333rem;
}
.injoin-view a.a1:hover {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/a12.png);
}
.injoin-view a.a2:hover {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/a22.png);
}
.injoin-view a.a3:hover {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/a32.png);
}
.inbeinter {
padding: 40px 0 40px;
padding: 0.83333rem 0 0.83333rem;
}
.inbeinter-view .swiper-container {
padding: 28px 0;
padding: 0.58333rem 0;
}
.inbeinter-view .swiper-slide {
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
-o-transition: -o-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s, -o-transform .5s;
overflow: hidden;
}
/**.inbeinter-view .swiper-slide:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } */
.inbeinter-view .swiper-slide img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
/**.inbeinter-view .swiper-slide:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }**/
.inbeinter-des {
font-size: 15px;
height: 40px;
line-height: 20px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
font-size: 0.3125rem;
height: 0.83333rem;
line-height: 0.41667rem;
}
/**.inbeinter-view .swiper-slide:hover .inbeinter-text h3 { color: #00164a; }**/
.inbeinter-view .swiper-slide:hover .inbeinter-des {
color: #020920;
}
.inbeinter-view .swiper-slide:hover .inbeinter-text h3:after {
border-color: #00164a;
}
.inbeinter-text h3 {
height: 42px;
line-height: 42px;
font-size: 18px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
height: 0.875rem;
line-height: 0.875rem;
font-size: 0.375rem;
}
.inbeinter-text h3:after {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.neibanner-text {
min-width: 230px;
width: 31.25%;
padding: 4.6875% 3.125%;
min-width: 4.79167rem;
}
.neibanner-text h2 {
font-size: 28px;
font-size: 0.58333rem;
}
.neibanner-text h3 {
font-size: 18px;
margin-top: 10px;
font-size: 0.375rem;
margin-top: 0.20833rem;
}
.neiermenu {
padding: 15px 0;
padding: 0.3125rem 0;
}
.neiermenu-a {
padding-left: 24px;
background-size: 24px auto;
}
.neiermenu-a a {
margin-left: 12px;
padding-left: 15px;
font-size: 16px;
}
.global {
padding: 40px 0 30px;
padding: 0.83333rem 0 0.625rem;
}
.global-two {
padding: 45px 0 50px;
padding: 0.9375rem 0 1.04167rem;
}
.global-twoul {
padding: 20px 0 10px;
padding: 0.41667rem 0 0.20833rem;
}
.con-ul li {
margin-bottom: 20px;
padding: 30px 30px;
margin-bottom: 0.41667rem;
padding: 0.625rem 0.625rem;
}
.con-ul li h3 {
font-size: 22px;
font-size: 0.45833rem;
}
.con-ul li h3:after {
margin-top: 10px;
width: 42px;
height: 3px;
margin-top: 0.20833rem;
width: 0.875rem;
height: 0.0625rem;
}
/**.con-ul li:hover {
border-color: #edf0f3;
-webkit-box-shadow: 0px 8px 15px -4px #d2d6df;
box-shadow: 0px 8px 15px -4px #d2d6df;
}
.con-ul li:hover h3:after {
background: #facd01;
}**/
.con-ul2h3 {
font-size: 22px;
font-size: 0.45833rem;
}
.con-ul2h3:after {
margin-top: 10px;
width: 42px;
height: 3px;
margin-top: 0.20833rem;
width: 0.875rem;
height: 0.0625rem;
}
.global-twodes {
margin-top: 15px;
line-height: 26px;
font-size: 15px;
/**height: 96px; line-height: 24px; font-size: 14px;**/
margin-top: 0.3125rem;
line-height: 0.54167rem;
font-size: 0.3125rem;
}
.imorepages a {
width: 140px;
height: 44px;
line-height: 44px;
width: 2.91667rem;
height: 0.91667rem;
line-height: 0.91667rem;
}
.imorepages a span {
font-size: 16px;
font-size: 0.33333rem;
}
/**.contact-two .global-twodes {
height: 128px;
}**/
.contact-ul li {
padding: 30px 30px;
margin-bottom: 20px;
padding: 0.625rem 0.625rem;
margin-bottom: 0.41667rem;
}
.contact-map {
margin-top: 40px;
height: 520px;
margin-top: 0.83333rem;
height: 10.83333rem;
}
.mycronic {
padding: 17px 0 6.25%;
padding: 0.35417rem 0 6.25%;
}
.mycronic-one {
font-size: 18px;
font-size: 0.375rem;
}
.mycronic-one h2 {
font-size: 44px;
font-size: 0.91667rem;
}
.mycronic-one .mycronic-onea {
width: 140px;
margin: 38px auto 0;
width: 2.91667rem;
margin: 0.79167rem auto 0;
}
.mycronic-onedes {
margin-top: 20px;
margin-top: 0.41667rem;
}
.mycronic-twoul {
padding-top: 70px;
padding-top: 1.45833rem;
}
.mycronic-twoul li {
margin-bottom: 30px;
margin-bottom: 0.625rem;
}
.mycronic-twoicon {
width: 124px;
height: 124px;
width: 2.58333rem;
height: 2.58333rem;
}
.mycronic-twotext {
padding-top: 25px;
padding-top: 0.52083rem;
}
.mycronic-twotext h3 {
font-size: 40px;
font-size: 0.83333rem;
}
.mycronic-twotext h4 {
font-size: 16px;
font-size: 0.33333rem;
}
.mycronic-three {
padding-top: 78px;
padding-top: 1.625rem;
}
.mycronic-threeflul li {
margin-bottom: 90px;
margin-bottom: 1.875rem;
}
.mycronic-threeflul li h3 {
margin-bottom: 18px;
font-size: 44px;
margin-bottom: 0.375rem;
font-size: 0.91667rem;
}
.mycronic-threetxt {
font-size: 18px;
font-size: 0.375rem;
}
.mycronic-threetxtimg {
margin-top: 102px;
margin-top: 2.125rem;
}
.develop {
padding: 20px 0 30px;
overflow: hidden;
padding: 0.41667rem 0 0.625rem;
}
.develop-one {
padding-top: 40px;
padding-top: 0.83333rem;
}
.develop-oneimg {
overflow: hidden;
}
/**.develop-oneimg:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } */
.develop-oneimg img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.develop-onetxt {
padding: 65px 35px 45px;
font-size: 16px;
padding: 1.35417rem 0.72917rem 0.9375rem;
font-size: 0.33333rem;
}
.develop-onetxt:after,
.develop-onetxt:before {
font-size: 64px;
font-size: 1.33333rem;
}
.develop-onetxt:before {
top: 40px;
left: 15px;
top: 0.83333rem;
left: 0.3125rem;
}
.develop-onetxt:after {
bottom: 20px;
right: 24px;
bottom: 0.41667rem;
right: 0.5rem;
}
.develop-onetxt h3 {
font-size: 24px;
font-size: 0.5rem;
}
.develop-onedes {
margin-top: 20px;
margin-top: 0.41667rem;
}
.develop-two {
margin-top: 50px;
margin-top: 1.04167rem;
}
.develop-twotxt h3 {
font-size: 32px;
font-size: 0.66667rem;
}
.develop-twotxt h4 {
font-size: 48px;
font-size: 1rem;
}
.develop-threeul {
margin-top: 50px;
margin-top: 1.04167rem;
}
.develop-threeul li {
cursor: pointer;
margin-bottom: 30px;
overflow: hidden;
overflow: hidden;
margin-bottom: 0.625rem;
}
.develop-threeul li:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.develop-threeul li img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.develop-threeul li:hover .develop-threetxt {
background: rgba(0, 145, 211, 0.7);
color: #fff;
}
.develop-threeul li:hover .develop-threetxt h3 {
color: #fff;
}
.develop-threetxt {
padding: 22px 28px 0;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
padding: 0.45833rem 0.58333rem 0;
}
.develop-threetxt h3 {
font-size: 16px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
font-size: 0.33333rem;
}
.develop-threetxt h3 span {
font-size: 32px;
font-size: 0.66667rem;
}
.develop-threedes {
line-height: 32px;
font-size: 16px;
height: 96px;
line-height: 0.66667rem;
font-size: 0.33333rem;
height: 2rem;
}
.develop-four {
margin-top: 35px;
padding: 37px 280px 38px 30px;
font-size: 16px;
margin-top: 0.72917rem;
padding: 0.77083rem 5.83333rem 0.79167rem 0.625rem;
font-size: 0.33333rem;
}
.develop-four h3 {
font-size: 32px;
font-size: 0.66667rem;
}
.develop-four .develop-foura {
right: 9.21875%;
width: 140px;
height: 44px;
line-height: 44px;
margin-top: -22px;
width: 2.91667rem;
height: 0.91667rem;
line-height: 0.91667rem;
margin-top: -0.45833rem;
}
.develop-fourdes {
margin-top: 10px;
margin-top: 0.20833rem;
}
.develop-fiveul {
margin-top: 40px;
margin-top: 0.83333rem;
}
.develop-fiveul li {
margin-bottom: 30px;
margin-bottom: 0.625rem;
}
.develop-fiveul li a {
padding: 25px 30px 55px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
padding: 0.52083rem 0.625rem 1.14583rem;
}
/**.develop-fiveul li a:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0px 5px 20px -5px #bbb; box-shadow: 0px 5px 20px -5px #bbb; }**/
.develop-fiveul li h3 {
font-size: 20px;
font-size: 0.41667rem;
}
.develop-fiveul li .develop-fivea {
position: relative;
margin-top: 12px;
margin-top: 0.25rem;
}
/**.develop-fiveul li .develop-fivea:after { position: absolute; bottom: 2px; left: 0; width: 0%; height: 3px; background: #facd01; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; content: ''; opacity: 0; } .develop-fiveul li .develop-fivea:hover:after { width: 100%; opacity: 1; }**/
.develop-fivea:hover i:after {
border-color: #facd01;
}
.develop-fivedes {
margin-top: 14px;
font-size: 14px;
height: 44px;
line-height: 22px;
margin-top: 0.29167rem;
font-size: 0.29167rem;
height: 0.91667rem;
line-height: 0.45833rem;
}
.abcontact {
padding: 14px 0 60px;
padding: 0.29167rem 0 1.25rem;
}
.abcontact-one {
margin-top: 40px;
height: 500px;
margin-top: 0.83333rem;
height: 10.41667rem;
}
.abcontact-two {
margin-top: 45px;
font-size: 16px;
margin-top: 0.9375rem;
font-size: 0.33333rem;
}
.abcontact-two h3 {
font-size: 28px;
font-size: 0.58333rem;
}
.abcontact-two h4 {
margin-top: 10px;
font-size: 22px;
margin-top: 0.20833rem;
font-size: 0.45833rem;
}
.abcontact-two h4:after {
margin-top: 5px;
width: 42px;
height: 4px;
margin-top: 0.10417rem;
width: 0.875rem;
height: 0.08333rem;
}
.abcontact-twode {
margin-top: 24px;
margin-top: 0.5rem;
}
.content-ac {
width: 140px;
height: 44px;
line-height: 44px;
width: 2.91667rem;
height: 0.91667rem;
line-height: 0.91667rem;
}
.content-ac span {
font-size: 16px;
font-size: 0.33333rem;
}
.content-ac i {
margin-left: 10px;
width: 20px;
height: 20px;
margin-left: 0.20833rem;
width: 0.41667rem;
height: 0.41667rem;
}
.content-ac i:after {
border-width: 2px;
width: 7px;
height: 7px;
border-width: 0.04167rem;
width: 0.14583rem;
height: 0.14583rem;
}
.social {
padding: 60px 0 65px;
padding: 1.25rem 0 1.35417rem;
}
.social-ul li {
margin-bottom: 6.25%;
}
.social-text {
font-size: 14px;
line-height: 24px;
padding-top: 5px;
font-size: 0.29167rem;
line-height: 0.5rem;
padding-top: 0.10417rem;
}
.social-text h3 {
font-size: 28px;
font-size: 0.58333rem;
}
.social-text .content-ac {
margin-top: 26px;
margin-top: 0.54167rem;
}
.social-des {
margin-top: 10px;
margin-top: 0.20833rem;
}
.social-img {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.social-img {
overflow: hidden;
}
.social-img:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.social-img img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.social-img:hover {
-webkit-box-shadow: 0px 10px 15px -5px #aaa;
box-shadow: 0px 10px 15px -5px #aaa;
-webkit-box-shadow: 0px 0.20833rem 0.3125rem -0.10417rem #aaa;
box-shadow: 0px 0.20833rem 0.3125rem -0.10417rem #aaa;
}
.news {
padding: 38px 0 6.25%;
padding: 0.79167rem 0 6.25%;
}
.news-twoul {
margin-top: 45px;
padding-bottom: 25px;
margin-top: 0.9375rem;
padding-bottom: 0.52083rem;
}
.news-twoul li {
margin-bottom: 30px;
overflow: hidden;
margin-bottom: 0.625rem;
}
/**.news-twoul li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } */
.news-twoul li img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.news-twoul li:hover .news-twotxt {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-box-shadow: 0px 0px 15px -5px #aaa;
box-shadow: 0px 0px 15px -5px #aaa;
-webkit-transform: translateY(-0.10417rem);
-ms-transform: translateY(-0.10417rem);
-o-transform: translateY(-0.10417rem);
transform: translateY(-0.10417rem);
-webkit-box-shadow: 0px 0px 0.3125rem -0.10417rem #aaa;
box-shadow: 0px 0px 0.3125rem -0.10417rem #aaa;
}
.news-twoul li:hover .news-twodes {
color: #020920;
}
.news-twoul li:hover .news-twotxt:after {
height: 4px;
background: #facd01;
height: 0.08333rem;
}
.news-twotxt {
padding: 15px;
font-size: 14px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
padding: 0.3125rem;
font-size: 0.29167rem;
}
.news-twotxt h3 {
font-size: 18px;
font-size: 0.375rem;
}
.news-three {
margin-top: 70px;
-webkit-transition: -webkit-box-shadow .5s;
transition: -webkit-box-shadow .5s;
-o-transition: box-shadow .5s;
transition: box-shadow .5s;
transition: box-shadow .5s, -webkit-box-shadow .5s;
overflow: hidden;
margin-top: 1.45833rem;
}
/**.news-three:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } */
.news-three img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.news-three:hover {
-webkit-box-shadow: 0px 10px 20px -10px #aaa;
box-shadow: 0px 10px 20px -10px #aaa;
-webkit-box-shadow: 0px 0.20833rem 0.41667rem -0.20833rem #aaa;
box-shadow: 0px 0.20833rem 0.41667rem -0.20833rem #aaa;
}
.news-threetxt {
padding: 25px 48px 18px;
padding: 0.52083rem 1rem 0.375rem;
}
.news-threetit h3 {
margin-bottom: 10px;
font-size: 30px;
margin-bottom: 0.20833rem;
font-size: 0.625rem;
}
.news-threetit h4,
.news-threetit h5 {
margin-bottom: 15px;
font-size: 18px;
margin-bottom: 0.3125rem;
font-size: 0.375rem;
}
.news-four {
margin-top: 62px;
margin-top: 1.29167rem;
}
.news-tit img {
height: 28px;
height: 0.58333rem;
}
.news-tit span {
font-size: 28px;
padding-left: 10px;
font-size: 0.58333rem;
padding-left: 0.20833rem;
}
.news-tit:after {
position: absolute;
top: -6px;
left: -15px;
width: 34px;
height: 34px;
top: -0.125rem;
left: -0.3125rem;
width: 0.70833rem;
height: 0.70833rem;
}
.news-fourview .swiper-container {
padding: 20px 0;
padding: 0.41667rem 0;
}
.news-fourview .swiper-slide {
overflow: visible;
overflow: hidden;
}
/**.news-fourview .swiper-slide:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } */
.news-fourview .swiper-slide img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.news-fourview .swiper-slide:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transform: translateY(-0.10417rem);
-ms-transform: translateY(-0.10417rem);
-o-transform: translateY(-0.10417rem);
transform: translateY(-0.10417rem);
}
.news-fourview .swiper-slide:hover .news-fourtime {
background: #facd01;
}
.news-fourview .swiper-slide:hover .news-fourfr h3 {
color: #00164a;
}
.news-fourview .swiper-slide:hover .news-fourimg {
-webkit-box-shadow: 0px 5px 15px -5px #aaa;
box-shadow: 0px 5px 15px -5px #aaa;
-webkit-box-shadow: 0px 0.10417rem 0.3125rem -0.10417rem #aaa;
box-shadow: 0px 0.10417rem 0.3125rem -0.10417rem #aaa;
}
.news-fourtxt {
padding-top: 10px;
padding-top: 0.20833rem;
}
.news-fourfr h3 {
font-size: 18px;
line-height: 22px;
font-size: 0.375rem;
line-height: 0.45833rem;
}
.propost2 {
padding: 38px 0 60px;
padding: 0.79167rem 0 1.25rem;
}
.propost2-two {
margin-top: 44px;
font-size: 18px;
margin-top: 0.91667rem;
font-size: 0.375rem;
}
.propost2-two h3 {
font-size: 22px;
font-size: 0.45833rem;
}
.propost2-twodes {
margin-top: 15px;
margin-top: 0.3125rem;
}
.propost2-three {
margin-top: 25px;
padding-bottom: 25px;
margin-top: 0.52083rem;
padding-bottom: 0.52083rem;
}
.propost2-three h4 {
font-size: 20px;
line-height: 35px;
font-size: 0.41667rem;
line-height: 0.72917rem;
}
.propost2-four {
padding: 30px 0 0px;
font-size: 16px;
padding: 0.625rem 0 0px;
font-size: 0.33333rem;
}
.propost2-confr h2 {
font-size: 22px;
font-size: 0.45833rem;
}
.propost2-confr h3 {
font-size: 16px;
margin-top: 5px;
font-size: 0.33333rem;
margin-top: 0.10417rem;
}
.porpost2-confrul {
margin-top: 25px;
margin-top: 0.52083rem;
}
.porpost2-confrul li {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
margin-bottom: 40px;
overflow: hidden;
margin-bottom: 0.83333rem;
}
/**.porpost2-confrul li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } */
.porpost2-confrul li img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.porpost2-confrul li:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transform: translateY(-0.10417rem);
-ms-transform: translateY(-0.10417rem);
-o-transform: translateY(-0.10417rem);
transform: translateY(-0.10417rem);
}
.porpost2-confrul li:hover .propost2-confrimg {
-webkit-box-shadow: 0px 10px 15px -5px #bbb;
box-shadow: 0px 10px 15px -5px #bbb;
-webkit-box-shadow: 0px 0.20833rem 0.3125rem -0.10417rem #bbb;
box-shadow: 0px 0.20833rem 0.3125rem -0.10417rem #bbb;
}
.porpost2-confrul li:hover .propost2-confrtxt h3 {
color: #0091d3;
}
.propost2-confrtxt {
padding-top: 10px;
line-height: 28px;
font-size: 14px;
padding-top: 0.20833rem;
line-height: 0.58333rem;
font-size: 0.29167rem;
}
.propost2-confrtxt h3 {
font-size: 18px;
font-size: 0.375rem;
}
.about-onewrap {
padding-top: 30px;
padding-top: 0.625rem;
}
.about-onefr {
padding-right: 34px;
font-size: 16px;
padding-top: 0;
padding-right: 0.70833rem;
font-size: 0.33333rem;
}
.about-onefr h3 {
font-size: 24px;
font-size: 0.5rem;
}
.about-oneimg .about-oneimg1 {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
/**.about-oneimg:hover .about-oneimg1 { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } */
.about-onedes {
margin-top: 25px;
margin-top: 0.52083rem;
}
.content-txt,
.about-sixtxt {
padding: 20px 0;
padding: 0.41667rem 0;
}
.content-txt:after,
.content-txt:before,
.about-sixtxt:after,
.about-sixtxt:before {
font-size: 64px;
font-size: 1.33333rem;
}
.content-txt:after,
.about-sixtxt:after {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.about-onespan1 {
font-size: 32px;
font-size: 0.66667rem;
}
.about {
overflow: hidden;
}
.about-two {
padding-top: 40px;
padding-top: 0.83333rem;
}
.about-twowrap {
margin-top: 30px;
margin-top: 0.625rem;
}
.about-twotit {
font-size: 18px;
font-size: 0.375rem;
}
.about-twotit h3 {
font-size: 30px;
font-size: 0.625rem;
}
.about-twotit h3:after {
height: 5px;
width: 26px;
margin-top: 7px;
height: 0.10417rem;
width: 0.54167rem;
margin-top: 0.14583rem;
}
.about-twoul {
margin-top: 40px;
margin-top: 0.83333rem;
}
.about-twoul li {
width: 15.9292%;
margin-right: 12.0944%;
}
.about-twoliitem h3 {
margin-top: 8px;
margin-top: 0.16667rem;
}
.about-twoliitem h3 span,
.about-twoliitem h3 i {
font-size: 38px;
font-size: 0.79167rem;
}
.about-twoicon {
width: 60px;
height: 60px;
line-height: 60px;
width: 1.25rem;
height: 1.25rem;
line-height: 1.25rem;
}
.about-twoicon img {
max-height: 40px;
max-height: 0.83333rem;
}
.about-twotxt {
margin-top: 10px;
line-height: 24px;
font-size: 16px;
margin-top: 0.20833rem;
line-height: 0.5rem;
font-size: 0.33333rem;
}
.about-three {
margin-top: 40px;
margin-top: 0.83333rem;
}
.about-threewrap {
margin-top: 30px;
margin-top: 0.625rem;
}
.about-threetxt {
font-size: 16px;
line-height: 24px;
font-size: 0.33333rem;
line-height: 0.5rem;
}
.about-threeimg {
overflow: hidden;
}
/**.about-threeimg:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } */
.about-threeimg img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.more-active4 span {
font-size: 16px;
font-size: 0.33333rem;
}
.about-fourtext {
width: 62.5%;
padding: 0 20.3125%;
}
.about-fourtext .about-fourbg {
width: 50.125%;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
-o-transform: skew(15deg);
transform: skew(15deg);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.about-fourtext .about-fourbg {
left: 14%;
}
.about-four {
padding-top: 40px;
padding-top: 0.83333rem;
}
.about-fourwrap {
margin-top: 30px;
margin-top: 0.625rem;
}
.about-fourwrap img {
position: relative;
height: 350px;
left: 50%;
max-width: none;
width: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
height: 7.29167rem;
}
.about-fourtxt h3 span {
font-size: 48px;
font-size: 1rem;
}
.about-fourtxt .about-foura {
width: 140px;
height: 44px;
margin-top: 25px;
line-height: 44px;
width: 2.91667rem;
height: 0.91667rem;
margin-top: 0.52083rem;
line-height: 0.91667rem;
}
.about-fourtxt .about-foura span {
font-size: 14px;
font-size: 0.29167rem;
}
.about-fourdes {
font-size: 16px;
margin-top: 25px;
font-size: 0.33333rem;
margin-top: 0.52083rem;
}
.about-five {
margin-top: 40px;
margin-top: 0.83333rem;
}
.about-fivewrap1 {
margin-top: 30px;
margin-top: 0.625rem;
}
.about-fivetxt {
margin-top: -40px;
margin-top: -0.83333rem;
}
/**.about-fivetxt h3 span{ padding-bottom: 7px; }**/
.about-fivetxt h3 span {
font-size: 28px;
font-size: 0.58333rem;
}
.about-fivedes {
margin-top: 10px;
font-size: 28px;
margin-top: 0.20833rem;
font-size: 0.58333rem;
}
.about-fiveul {
margin-top: 40px;
margin-top: 0.83333rem;
}
.about-six {
padding: 40px 0 40px;
overflow: hidden;
padding: 0.83333rem 0 0.83333rem;
}
.about-sixwrap {
margin-top: 50px;
margin-top: 1.04167rem;
}
.about-siximg {
overflow: hidden;
}
/**.about-siximg:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } */
.about-siximg img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.about-sixtxt {
padding-left: 20px;
line-height: 36px;
font-size: 16px;
padding-left: 0.41667rem;
line-height: 0.75rem;
font-size: 0.33333rem;
}
.about-sixtxt h4 {
width: 70px;
width: 1.45833rem;
}
.contentbtm-tui {
padding: 40px 0;
padding: 0.83333rem 0;
}
.contentbtm-txt {
margin: -20px auto 0;
margin: -0.41667rem auto 0;
}
.contentbtm-txt h3 {
height: 40px;
line-height: 40px;
font-size: 16px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
height: 0.83333rem;
line-height: 0.83333rem;
font-size: 0.33333rem;
}
.contentbtm-view {
margin-top: 30px;
margin-top: 0.625rem;
}
.contentbtm-view .swiper-container {
padding: 20px 0;
padding: 0.41667rem 0;
}
.contentbtm-view .swiper-slide {
overflow: hidden;
}
/**.contentbtm-view .swiper-slide:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } */
.contentbtm-view .swiper-slide img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.contentbtm-view .swiper-slide:hover .contentbtm-img {
-webkit-box-shadow: 0px 5px 15px -5px #aaa;
box-shadow: 0px 5px 15px -5px #aaa;
-webkit-box-shadow: 0px 0.10417rem 0.3125rem -0.10417rem #aaa;
box-shadow: 0px 0.10417rem 0.3125rem -0.10417rem #aaa;
}
.contentbtm-view .swiper-slide:hover .contentbtm-txt {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transform: translateY(-0.10417rem);
-ms-transform: translateY(-0.10417rem);
-o-transform: translateY(-0.10417rem);
transform: translateY(-0.10417rem);
}
.contentbtm-view .swiper-slide:hover .contentbtm-txt h3 {
color: #020920;
}
.school-fourview .swiper-slide:hover .contentbtm-img {
-webkit-box-shadow: 0px 5px 15px -5px #aaa;
box-shadow: 0px 5px 15px -5px #aaa;
-webkit-box-shadow: 0px 0.10417rem 0.3125rem -0.10417rem #aaa;
box-shadow: 0px 0.10417rem 0.3125rem -0.10417rem #aaa;
}
.school-fourview .swiper-slide:hover .contentbtm-txt {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transform: translateY(-0.10417rem);
-ms-transform: translateY(-0.10417rem);
-o-transform: translateY(-0.10417rem);
transform: translateY(-0.10417rem);
}
.school-fourview .swiper-slide:hover .contentbtm-txt h3 {
color: #020920;
}
.products-one {
padding: 40px 0 1px;
padding: 0.83333rem 0 0.02083rem;
}
.products-tit h2 {
margin-left: -35px;
margin-left: -0.72917rem;
}
.products-tit h2 span {
font-size: 22px;
font-size: 0.45833rem;
}
.products-tit h2 .products-icon {
width: 35px;
width: 0.72917rem;
}
.products-tit h2 .products-icon img {
height: 24px;
height: 0.5rem;
}
.products-tit h2:after {
top: -12px;
width: 200px;
top: -0.25rem;
width: 4.16667rem;
}
.products-tit h3 {
padding-left: 0px;
font-size: 14px;
font-size: 0.29167rem;
}
.products-oneul {
margin-top: 40px;
margin-top: 0.83333rem;
}
.products-oneul li {
margin-bottom: 45px;
overflow: hidden;
overflow: visible;
margin-bottom: 0.9375rem;
}
.products-oneul li:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.products-oneul li img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.products-oneul li:hover .products-onetxt {
background: #fff;
/**-webkit-box-shadow: 0px 10px 20px -5px #aaa; box-shadow: 0px 10px 20px -5px #aaa;**/
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
color: #4c4317;
-webkit-transform: translateY(-0.10417rem);
-ms-transform: translateY(-0.10417rem);
-o-transform: translateY(-0.10417rem);
transform: translateY(-0.10417rem);
}
/**.talk-two .swiper-slide:hover .products-onetxt {
background: #fff;
transform: translateY(-50%);
-webkit-box-shadow: 0px 10px 20px -5px #aaa;
box-shadow: 0px 10px 20px -5px #aaa;
}**/
.talk-two .swiper-slide:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.products-oneul li:hover .products-onetxt:after,
.talk-two .swiper-slide:hover .products-onetxt:after {
opacity: 1;
}
.products-oneul li:hover .products-onetxt h3,
.talk-two .swiper-slide:hover .products-onetxt h3 {
color: #020920;
}
.products-oneul li:hover .products-onetxt h3:after,
.talk-two .swiper-slide:hover .products-onetxt h3:after {
background: #facd01;
}
.products-oneul li:hover .products2-onedes,
.talk-two .swiper-slide:hover .products2-onedes {
color: #020920;
}
.case-twoul li:hover .products-onetxt {
border-color: #0091d3;
color: #a7d4ed;
}
.case-twoul li:hover .products-onetxt h3 {
color: #fff;
}
.case-twoul li:hover .products-onetxt h3:after {
background: #fff;
}
.products-onetxt {
margin: -40px auto 0;
font-size: 14px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
margin: -0.83333rem auto 0;
font-size: 0.29167rem;
}
.products-onetxt:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: top right;
background-image: none;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
opacity: 0;
content: '';
}
.products-onetxt h3 {
font-size: 18px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
font-size: 0.375rem;
}
.products-onetxt h3:after {
left: -10px;
height: 20px;
width: 2px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.case-twoul li .products-onetxt:after {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/productslibg2.png);
}
.products2-onedes {
margin-top: 4px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
height: 44px;
line-height: 22px;
-webkit-line-clamp: 2;
margin-top: 0.08333rem;
height: 22px;
line-height: 22px;
}
.products-two h3 {
line-height: 26px;
bottom: 28px;
font-size: 18px;
line-height: 0.54167rem;
bottom: 0.58333rem;
font-size: 0.375rem;
}
.insideproducts {
padding-bottom: 50px;
overflow: hidden;
padding-bottom: 1.04167rem;
}
.products-three {
padding-top: 75px;
padding-top: 1.5625rem;
}
.products-threeview {
margin-top: 42px;
margin-top: 0.875rem;
}
.products-threeview .swiper-container {
padding: 20px 0;
padding: 0.41667rem 0;
}
.products-threeview .swiper-slide {
overflow: visible;
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
-o-transition: -o-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s, -o-transform .5s;
}
.products-threeview .swiper-slide:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transform: translateY(-0.10417rem);
-ms-transform: translateY(-0.10417rem);
-o-transform: translateY(-0.10417rem);
transform: translateY(-0.10417rem);
}
.products-threeview .swiper-slide:hover .products-threetxt h3 {
color: #00164a;
}
.products-threeview .swiper-slide:hover .products-threeimg {
-webkit-box-shadow: 0px 10px 20px -5px #aaa;
box-shadow: 0px 10px 20px -5px #aaa;
-webkit-box-shadow: 0px 0.20833rem 0.41667rem -0.10417rem #aaa;
box-shadow: 0px 0.20833rem 0.41667rem -0.10417rem #aaa;
}
.products-threetxt {
padding: 10px 25px 0;
font-size: 16px;
padding: 0.20833rem 0.52083rem 0;
font-size: 0.33333rem;
}
.products-threetxt h3 {
font-size: 20px;
font-size: 0.41667rem;
}
.products-threedes {
line-height: 26px;
height: 52px;
line-height: 0.54167rem;
height: 1.08333rem;
}
.products-four {
padding: 80px 0 85px;
padding: 1.66667rem 0 1.77083rem;
}
.products-fourwrap {
margin-top: 34px;
margin-top: 0.70833rem;
}
.products-fourwrap a {
padding: 25px 20px;
margin-bottom: 0px;
font-size: 16px;
border-width: 2px;
padding: 0.52083rem 0.41667rem;
font-size: 0.33333rem;
border-width: 0.04167rem;
}
.products-fourwrap a:hover {
border-color: #0091d3;
color: #020920;
text-decoration: underline;
}
.case-oneimg {
-webkit-transition: -webkit-box-shadow .5s;
transition: -webkit-box-shadow .5s;
-o-transition: box-shadow .5s;
transition: box-shadow .5s;
transition: box-shadow .5s, -webkit-box-shadow .5s;
overflow: hidden;
}
/**.case-oneimg:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } */
.case-oneimg img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.case-oneimg:hover {
-webkit-box-shadow: 0px 15px 20px -5px #aaa;
box-shadow: 0px 15px 20px -5px #aaa;
-webkit-box-shadow: 0px 0.3125rem 0.41667rem -0.10417rem #aaa;
box-shadow: 0px 0.3125rem 0.41667rem -0.10417rem #aaa;
}
.casepost-oneimg {
-webkit-transition: -webkit-box-shadow .5s;
transition: -webkit-box-shadow .5s;
-o-transition: box-shadow .5s;
transition: box-shadow .5s;
transition: box-shadow .5s, -webkit-box-shadow .5s;
}
/**.casepost-oneimg:hover { -webkit-box-shadow: 0px 15px 20px -5px #aaa; box-shadow: 0px 15px 20px -5px #aaa; } .casepost-oneimg:hover .casepost-oneimgx { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }**/
.case-onetext {
font-size: 16px;
}
.case-onedes {
margin-top: 15px;
margin-top: 0.3125rem;
}
.case-onedes:after {
font-size: 64px;
font-size: 1.33333rem;
}
.casepost {
padding: 44px 0 60px;
overflow: hidden;
padding: 0.91667rem 0 1.25rem;
}
.casepost-onetxt {
padding-top: 15px;
font-size: 16px;
}
.casepost-onedes {
margin-top: 15px;
font-size: 20px;
margin-top: 0.3125rem;
font-size: 0.41667rem;
}
.casepost-onedes:after {
font-size: 64px;
}
.casepost-onetxt2 {
margin: 22px 0 60px;
max-height: 96px;
}
.casepost-two {
padding-top: 30px;
padding-top: 0.625rem;
}
.casepost-twoul {
display: inline-block;
vertical-align: top;
width: 75.78125%;
}
/**.casepost-twoul li { margin-bottom: 20px; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; overflow: hidden; } .casepost-twoul li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .casepost-twoul li img { -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; -o-transition: -o-transform ease 0.5s; -moz-transition: transform ease 0.5s, -moz-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s, -moz-transform ease 0.5s, -o-transform ease 0.5s; } .casepost-twoul li:hover { -webkit-box-shadow: 0px 10px 15px -5px #aaa; box-shadow: 0px 10px 15px -5px #aaa; }**/
.case-tworight {
display: inline-block;
vertical-align: top;
width: 24.21875%;
text-align: right;
margin-top: 0;
}
.case-tworighta {
width: 140px;
height: 44px;
line-height: 42px;
font-size: 0;
}
.case-tworightmail {
width: 140px;
}
.case-tworightmail img {
height: 12px;
width: auto;
height: 0.25rem;
}
.case-tworighta span {
margin-left: 7px;
font-size: 16px;
}
.casepost-three {
padding-top: 55px;
padding-top: 1.14583rem;
}
.casepost-threedes {
margin-top: 30px;
font-size: 16px;
}
.casepost-four {
padding-top: 65px;
padding-top: 1.35417rem;
}
.casepost-fourview {
position: relative;
margin-top: 42px;
margin-top: 0.875rem;
}
.casepost-fourview .swiper-container {
padding: 20px 0;
padding: 0.41667rem 0;
}
.casepost-fourview .swiper-slide {
overflow: hidden;
}
/**.casepost-fourview .swiper-slide:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } */
.casepost-fourview .swiper-slide img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.casepost-fourview .swiper-slide:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-box-shadow: 0px 5px 15px -5px #aaa;
box-shadow: 0px 5px 15px -5px #aaa;
-webkit-transform: translateY(-0.10417rem);
-ms-transform: translateY(-0.10417rem);
-o-transform: translateY(-0.10417rem);
transform: translateY(-0.10417rem);
-webkit-box-shadow: 0px 0.10417rem 0.3125rem -0.10417rem #aaa;
box-shadow: 0px 0.10417rem 0.3125rem -0.10417rem #aaa;
}
.casepost-fourview .swiper-slide:hover .casepost-fourtxt h3 {
color: #0091d3;
}
.casepost-fourview .swiper-slide:hover .casepost-fourtxt h3:after {
border-color: #facd01;
}
.casepost-fourtxt h3 {
padding: 0 40px 0 15px;
height: 44px;
line-height: 44px;
font-size: 15px;
padding: 0 0.83333rem 0 0.3125rem;
height: 0.91667rem;
line-height: 0.91667rem;
font-size: 0.3125rem;
}
.casepost-fourtxt h3:after {
right: 20px;
width: 12px;
height: 12px;
border-width: 2px;
right: 0.41667rem;
width: 0.25rem;
height: 0.25rem;
border-width: 0.04167rem;
}
.casepost-five {
margin-top: 44px;
-webkit-transition: -webkit-box-shadow .5s;
transition: -webkit-box-shadow .5s;
-o-transition: box-shadow .5s;
transition: box-shadow .5s;
transition: box-shadow .5s, -webkit-box-shadow .5s;
margin-top: 0.91667rem;
}
.casepost-five:hover {
-webkit-box-shadow: 0px 10px 15px -5px #aaa;
box-shadow: 0px 10px 15px -5px #aaa;
-webkit-box-shadow: 0px 0.20833rem 0.3125rem -0.10417rem #aaa;
box-shadow: 0px 0.20833rem 0.3125rem -0.10417rem #aaa;
}
.propost1-one {
padding-top: 50px;
padding-bottom: 10px;
padding-top: 1.04167rem;
padding-bottom: 0.20833rem;
}
.propost1-onewrap {
margin-top: 30px;
font-size: 16px;
margin-top: 0.625rem;
font-size: 0.33333rem;
}
.walfare-one {
padding: 10px 0 60px;
overflow: hidden;
padding: 0.20833rem 0 1.25rem;
}
.walfare-onewrap {
margin-top: 60px;
margin-top: 1.25rem;
}
.walfare-onewrap:before {
width: 25%;
}
.walfare-onewrap li {
width: 25%;
min-height: 236px;
padding: 17px 30px 22px;
min-height: 4.91667rem;
padding: 0.35417rem 0.625rem 0.45833rem;
}
.walfare-onewrap li.li6 {
width: 50%;
}
.walfare-oneicon {
width: 68px;
height: 68px;
width: 1.41667rem;
height: 1.41667rem;
}
.walfare-onetxt {
margin-top: 25px;
font-size: 16px;
line-height: 24px;
margin-top: 0.52083rem;
font-size: 0.33333rem;
line-height: 0.5rem;
}
.walfare-onetxt h3 {
line-height: 26px;
font-size: 18px;
line-height: 0.54167rem;
font-size: 0.375rem;
}
.walfare-onedes {
height: 96px;
margin-top: 10px;
height: 2rem;
margin-top: 0.20833rem;
}
.walfare-onetxt2 {
padding: 55px 70px 46px;
padding: 1.14583rem 1.45833rem 0.95833rem;
}
.walfare-onetxt2:after {
font-size: 64px;
font-size: 1.33333rem;
}
.walfare-onetxt2des {
height: 96px;
font-size: 32px;
height: 2rem;
font-size: 0.66667rem;
}
.walfare-two {
padding: 30px 0 60px;
padding: 0.625rem 0 1.25rem;
}
.walfare-twowrap {
margin-top: 40px;
margin-top: 0.83333rem;
}
.walfare-twowrap li a {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
overflow: hidden;
}
.walfare-twowrap li a:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.walfare-twowrap li a img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.walfare-twowrap li a:hover {
-webkit-box-shadow: 0px 10px 15px -5px #aaa;
box-shadow: 0px 10px 15px -5px #aaa;
-webkit-box-shadow: 0px 0.20833rem 0.3125rem -0.10417rem #aaa;
box-shadow: 0px 0.20833rem 0.3125rem -0.10417rem #aaa;
}
.walfare-three {
padding: 50px 0;
padding: 1.04167rem 0;
}
.walfare-threea {
width: 150px;
height: 50px;
line-height: 50px;
-webkit-border-radius: 30px;
border-radius: 30px;
width: 3.125rem;
height: 1.04167rem;
line-height: 1.04167rem;
-webkit-border-radius: 0.625rem;
border-radius: 0.625rem;
}
.walfare-threea span {
padding-left: 7px;
font-size: 18px;
padding-left: 0.14583rem;
font-size: 0.375rem;
}
.walfare-threea img {
height: 20px;
margin-top: -3px;
height: 0.41667rem;
margin-top: -0.0625rem;
}
.walfare-tit {
font-size: 28px;
font-size: 0.58333rem;
}
.walfare-threewrap {
margin: 30px auto 0;
padding-bottom: 20px;
max-width: 1240px;
margin: 0.625rem auto 0;
padding-bottom: 0.41667rem;
max-width: 25.83333rem;
}
.walfare-threewrap li {
width: 45.3125%;
margin-right: 6.25%;
margin-bottom: 30px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
overflow: hidden;
margin-bottom: 0.625rem;
}
.walfare-threewrap li:hover img {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
-o-transform: scale(1.03);
transform: scale(1.03);
}
.walfare-threewrap li img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.walfare-threewrap li:hover {
-webkit-box-shadow: 0px 10px 20px -5px #aaa;
box-shadow: 0px 10px 20px -5px #aaa;
-webkit-box-shadow: 0px 0.20833rem 0.41667rem -0.10417rem #aaa;
box-shadow: 0px 0.20833rem 0.41667rem -0.10417rem #aaa;
}
.talk-one {
padding: 10px 0 60px;
padding: 0.20833rem 0 1.25rem;
}
.talk-onetop {
font-size: 16px;
font-size: 0.33333rem;
}
.talk-onevideo {
margin-top: 40px;
margin-top: 0.83333rem;
}
.talk-onevideo .talk-oneimg1 {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.talk-onevideo .player-btn {
width: 98px;
height: 98px;
line-height: 98px;
width: 2.04167rem;
height: 2.04167rem;
line-height: 2.04167rem;
}
.talk-onewrap .talk-contxt {
padding: 24px 210px 25px 40px;
padding: 0.5rem 4.375rem 0.52083rem 0.83333rem;
}
.talk-onewrap .content-fen .content-fentit {
display: inline-block;
}
.talk-onewrap:hover .talk-contxt h3 {
color: #0091d3;
}
.talk-onewrap:hover .talk-onevideo {
-webkit-box-shadow: 0px 10px 20px -5px #ddd;
box-shadow: 0px 10px 20px -5px #ddd;
-webkit-box-shadow: 0px 0.20833rem 0.41667rem -0.10417rem #ddd;
box-shadow: 0px 0.20833rem 0.41667rem -0.10417rem #ddd;
}
.talk-contxt {
margin: -55px auto 0;
padding: 24px 30px;
font-size: 16px;
margin: -1.14583rem auto 0;
padding: 0.5rem 0.625rem;
font-size: 0.33333rem;
}
.talk-contxt:after {
left: 35px;
height: 50px;
margin-top: -25px;
left: 0.72917rem;
height: 1.04167rem;
margin-top: -0.52083rem;
}
.talk-contxt h3 {
font-size: 24px;
font-size: 0.5rem;
}
.talk-condes {
margin-top: 8px;
margin-top: 0.16667rem;
}
.talk-two {
padding: 25px 0 50px;
padding: 0.52083rem 0 1.04167rem;
}
.talk-two .swiper-container {
padding: 20px 0;
padding: 0.41667rem 0;
}
.talk-two .talk-contxt {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.talk-two .talk-contxt h3,
.talk-two .talk-contxt .talk-condes {
position: relative;
z-index: 3;
}
.talk-two .talk-contxt:after {
z-index: 3;
left: 25px;
left: 0.52083rem;
}
.talk-two .talk-contxt:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
background-repeat: no-repeat;
background-size: cover;
background-position: top right;
background-image: url(http://zhouxin.new.uoeee.com/dist/images/talktxt.png);
opacity: 0;
content: '';
}
.talk-two .inabsor-btn {
background: #e5e5e5;
border-color: #e5e5e5;
}
.talk-two .inabsor-btn:hover {
background: #0091d3;
border-color: #0091d3;
}
.talk-two .inabsor-btn:hover:after {
border-color: #fff;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.talk-two .swiper-slide {
overflow: hidden;
overflow: visible;
}
/**.talk-two .swiper-slide:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } */
.talk-two .swiper-slide img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.talk-two .swiper-slide:hover .talk-contxt {
background-color: transparent;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transform: translateY(-0.10417rem);
-ms-transform: translateY(-0.10417rem);
-o-transform: translateY(-0.10417rem);
transform: translateY(-0.10417rem);
}
.talk-two .swiper-slide:hover .talk-contxt:before {
opacity: 1;
}
.talk-two .swiper-slide:hover .talk-contxt:after {
background: #fff;
}
.talk-two .swiper-slide:hover .talk-contxt h3,
.talk-two .swiper-slide:hover .talk-contxt .talk-condes {
color: #fff;
}
.talk-twoview {
margin-top: 20px;
margin-top: 0.41667rem;
}
.school-two {
padding: 40px 0;
padding: 0.83333rem 0;
}
.school-three {
padding: 40px 0;
padding: 0.83333rem 0;
}
.school-threewrap {
margin-top: 60px;
margin-top: 1.25rem;
}
.school-threewrap:after {
top: 62px;
top: 1.29167rem;
}
.school-threewrap li {
margin-bottom: 30px;
margin-bottom: 0.625rem;
}
.school-threewrap li h3 {
font-size: 16px;
margin-top: 12px;
line-height: 24px;
font-size: 0.33333rem;
margin-top: 0.25rem;
line-height: 0.5rem;
}
.school-four {
padding: 40px 0;
padding: 0.83333rem 0;
}
.school-four .swiper-slide {
overflow: hidden;
overflow: visible;
}
/**.school-four .swiper-slide:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } */
.school-four .swiper-slide img {
-webkit-transition: -webkit-transform ease 0.5s;
transition: -webkit-transform ease 0.5s;
-o-transition: -o-transform ease 0.5s;
transition: transform ease 0.5s;
transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s;
}
.school-four .swiper-slide:hover .school-fourtxt {
-webkit-box-shadow: 0px 10px 20px -5px #aaa;
box-shadow: 0px 10px 20px -5px #aaa;
background: #0091d3;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-box-shadow: 0px 0.20833rem 0.41667rem -0.10417rem #aaa;
box-shadow: 0px 0.20833rem 0.41667rem -0.10417rem #aaa;
-webkit-transform: translateY(-0.10417rem);
-ms-transform: translateY(-0.10417rem);
-o-transform: translateY(-0.10417rem);
transform: translateY(-0.10417rem);
}
.school-four .swiper-slide:hover .school-fourtxt h3 {
color: #fff;
}
.school-fourtxt {
margin: -30px auto 0;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
margin: -0.625rem auto 0;
}
.school-fourtxt h3 {
line-height: 50px;
font-size: 18px;
padding: 0 10px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
line-height: 1.04167rem;
font-size: 0.375rem;
padding: 0 0.20833rem;
}
.hotjob-one {
padding: 10px 0 55px;
background: #fff;
padding: 0.20833rem 0 1.14583rem;
}
.hotjob-one .full-recruitA-container .recruitA-list .main {
border-color: #fcfcfc;
border-bottom-color: #f5f5f5;
}
.hotjob-two {
padding: 40px 0;
padding: 0.83333rem 0;
}
.hotjob-twofl {
font-size: 16px;
font-size: 0.33333rem;
}
.hotjob-twofl h2 {
font-size: 28px;
font-size: 0.58333rem;
}
.hotjob-twofl h3 {
margin-top: 10px;
font-size: 22px;
margin-top: 0.20833rem;
font-size: 0.45833rem;
}
.hotjob-twofl h3:after {
margin-top: 10px;
margin-top: 0.20833rem;
}
.hotjob-twoflimg {
margin-top: 40px;
margin-top: 0.83333rem;
}
.jobhot-map {
height: 480px;
height: 10rem;
}
.search-result .imorepages {
padding: 50px 0 80px;
padding: 1.04167rem 0 1.66667rem;
}
.inprev1 {
left: 5px;
left: 0.10417rem;
}
.innext1 {
right: 5px;
right: 0.10417rem;
}
}
@media (min-width: 1024px) {
.full-recruitA-container {
padding: 40px 0 10px;
padding: 0.83333rem 0 0.20833rem;
}
.full-recruitA-container .recruitA-title {
margin: 0 0 80px;
font-size: 30px;
margin: 0 0 1.66667rem;
font-size: 0.625rem;
}
.full-recruitA-container .recruitA-title:after {
margin: 12px auto 0;
margin: 0.25rem auto 0;
}
.full-recruitA-container .recruitA-list ul {
margin: 0 -20px;
margin: 0 -0.41667rem;
}
.full-recruitA-container .recruitA-list li {
padding: 0 20px;
width: 33.3333%;
margin-bottom: 40px;
line-height: 24px;
padding: 0 0.41667rem;
margin-bottom: 0.83333rem;
line-height: 0.5rem;
}
/**.full-recruitA-container .recruitA-list li:hover .main, .full-recruitA-container .recruitA-list li.cur .main { border-color: #929aa1; }**/
.full-recruitA-container .recruitA-list li:hover .ctrl,
.full-recruitA-container .recruitA-list li.cur .ctrl {
opacity: .98;
}
.full-recruitA-container .recruitA-list .main {
-webkit-transition: border-color .5s;
-o-transition: border-color .5s;
transition: border-color .5s;
border-color: #ebedf4;
border-bottom-color: #e5e7ed;
-webkit-box-shadow: 0px 1px 2px -1px #ddd;
box-shadow: 0px 1px 2px -1px #ddd;
-webkit-box-shadow: 0px 0.02083rem 0.04167rem -0.02083rem #ddd;
box-shadow: 0px 0.02083rem 0.04167rem -0.02083rem #ddd;
}
.full-recruitA-container .recruitA-list .ctrl {
opacity: 0;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.full-recruitA-container .recruitA-list .name {
font-weight: normal;
}
.full-recruitA-container .loadmore {
padding: 15px 0;
padding: 0.3125rem 0;
}
.full-recruitA-container .loadmore a {
line-height: 50px;
line-height: 1.04167rem;
}
}
@media (min-width: 1024px) {
.suzymember-boxwrap {
padding: 30px;
padding: 0.625rem;
}
a.suzymember-close {
top: 14px;
right: 14px;
width: 20px;
height: 20px;
top: 0.29167rem;
right: 0.29167rem;
width: 0.41667rem;
height: 0.41667rem;
}
a.suzymember-close:after,
a.suzymember-close:before {
width: 2px;
height: 15px;
width: 0.04167rem;
height: 0.3125rem;
}
a.suzymember-close:after {
width: 15px;
height: 2px;
width: 0.3125rem;
height: 0.04167rem;
}
.suzymember-title {
font-size: 22px;
font-size: 0.45833rem;
}
.suzymember-title a {
padding-right: 16px;
font-size: 14px;
padding-right: 0.33333rem;
font-size: 0.29167rem;
}
.suzymember-form {
margin-top: 20px;
margin-top: 0.41667rem;
}
.suzymember-formitem,
.suzymember-formyan,
.suzymember-formintxt11 {
margin-bottom: 10px;
margin-bottom: 0.20833rem;
}
.suzymember-formitem input,
.suzymember-formyan input,
.suzymember-formintxt11 input {
height: 46px;
line-height: 44px;
padding: 0 20px 0 42px;
font-size: 14px;
height: 0.95833rem;
line-height: 0.91667rem;
padding: 0 0.41667rem 0 0.875rem;
font-size: 0.29167rem;
}
.suzymember-formintxt11 input {
padding: 0 50px 0 20px;
padding: 0 1.04167rem 0 0.41667rem;
}
.suzymember-formintxt11 .suzymember-itemicon {
right: 10px;
left: auto;
right: 0.20833rem;
}
.suzymember-itemicon {
left: 10px;
width: 24px;
height: 24px;
left: 0.20833rem;
width: 0.5rem;
height: 0.5rem;
}
.suzymember-formyanimg {
height: 46px;
height: 0.95833rem;
}
.suzymember-form .suzymember-btndtm {
height: 46px;
height: 0.95833rem;
}
.suzymember-formitemtext {
padding-top: 8px;
font-size: 14px;
padding-top: 0.16667rem;
font-size: 0.29167rem;
}
.suzymember-formitemtext .suzymember-formtxt2 a span {
font-size: 14px;
font-size: 0.29167rem;
}
.suzymember-formitem3 {
padding-top: 15px;
padding-top: 0.3125rem;
}
.suzymember-formitem3 input {
height: 46px;
font-size: 14px;
height: 0.95833rem;
font-size: 0.29167rem;
}
.suzymember-phonepasscon .suzymember-formitem3,
.suzymember-phonepasscon .suzymember-formitem3,
.suzymember-personalpasscon .suzymember-formitem3 {
padding-top: 20px;
padding-top: 0.41667rem;
}
.suzyprivacy {
padding: 54px 0 60px;
text-align: center;
padding: 1.125rem 0 1.25rem;
}
.suzyprivacy-title {
font-size: 28px;
font-size: 0.58333rem;
}
.suzyprivacy-text {
margin-top: 20px;
font-size: 16px;
margin-top: 0.41667rem;
font-size: 0.33333rem;
}
.suzytip-boximg {
margin-top: 24px;
margin-top: 0.5rem;
}
.suzytip-boximg img {
width: 140px;
width: 2.91667rem;
}
.suzytip-boxtext {
font-size: 16px;
margin-top: 26px;
font-size: 0.33333rem;
margin-top: 0.54167rem;
}
.suzytip-boxbtm {
margin-top: 55px;
margin-top: 1.14583rem;
}
.suzytip-boxbtm a {
height: 46px;
line-height: 46px;
font-size: 16px;
height: 0.95833rem;
line-height: 0.95833rem;
font-size: 0.33333rem;
}
.suzymember-itembt {
top: 10px;
right: 10px;
font-size: 18px;
top: 0.20833rem;
right: 0.20833rem;
font-size: 0.375rem;
}
.suzymember-formyan .suzymember-itembt {
right: 20px;
right: 0.41667rem;
}
.suzymember-registeritem {
display: inline-block;
vertical-align: middle;
width: 48.19388%;
margin-right: 3.61224%;
}
.suzymember-registeritem:nth-child(2n) {
margin-right: 0;
}
/**.suzymember-registermenu { padding-top: 20px; }**/
.suzymember-registermenu a {
height: 46px;
margin: 0 5px;
line-height: 46px;
font-size: 14px;
height: 0.95833rem;
margin: 0 0.10417rem;
line-height: 0.95833rem;
font-size: 0.29167rem;
}
.suzymember-registertip {
margin-top: 10px;
margin-top: 0.20833rem;
}
.suzymember-registertip h6 {
padding: 0 15px;
font-size: 14px;
padding: 0 0.3125rem;
font-size: 0.29167rem;
}
.suzymember-registertip h6:after,
.suzymember-registertip h6:before {
width: 28px;
width: 0.58333rem;
}
.suzymember-registeritem3 {
margin-top: 20px;
margin-top: 0.41667rem;
}
.suzymember-registeritem3 input {
height: 46px;
line-height: 46px;
font-size: 14px;
height: 0.95833rem;
line-height: 0.95833rem;
font-size: 0.29167rem;
}
.suzymember-conview2 {
max-width: 600px;
max-width: 12.5rem;
}
.suzymember-conview2 .suzymember-formitem,
.suzymember-conview2 .suzymember-formyan {
margin-bottom: 15px;
margin-bottom: 0.3125rem;
}
.suzymember-conview2 .suzymember-boxwrap {
padding-top: 30px;
padding-bottom: 30px;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.suzymember-conview2 .suzymember-form {
margin-top: 15px;
margin-top: 0.3125rem;
}
.suzymember-registeritem2 h3 {
font-size: 14px;
padding-left: 2px;
font-size: 0.29167rem;
padding-left: 0.04167rem;
}
.suzymember-formitem11text {
min-width: 65px;
height: 46px;
line-height: 46px;
font-size: 14px;
min-width: 1.35417rem;
height: 0.95833rem;
line-height: 0.95833rem;
font-size: 0.29167rem;
}
.suzymember-formitem11text:after {
line-height: 50px;
line-height: 1.04167rem;
}
.suzymember-formitem12 {
padding-left: 80px;
padding-left: 1.66667rem;
}
.suzymember-formitem12 a {
font-size: 14px;
font-size: 0.29167rem;
}
.suzymember-formitem13 {
padding-left: 80px;
margin-top: 15px;
padding-left: 1.66667rem;
margin-top: 0.3125rem;
}
.suzymember-formitem13 input {
height: 46px;
font-size: 14px;
height: 0.95833rem;
font-size: 0.29167rem;
}
}
@media (min-width: 1024px) {
.video-player-popup .video-player {
height: 500px;
height: 10.41667rem;
}
}
@media (min-width: 1024px) {
.suzyimg-wrapbtn1 {
position: absolute;
top: 50%;
z-index: 10;
display: block;
width: 40px;
height: 40px;
line-height: 38px;
width: 0.83333rem;
height: 0.83333rem;
line-height: 0.79167rem;
}
.suzyimg-wrapbtn1:after {
width: 15px;
height: 15px;
width: 0.3125rem;
height: 0.3125rem;
}
.suzyimg-wrap {
padding: 0 60px;
padding: 0 1.25rem;
}
.suzyimg-wrap .swiper-slide img {
border: 5px solid #fff;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 0.10417rem solid #fff;
-webkit-border-radius: 0.10417rem;
border-radius: 0.10417rem;
}
}
@media (min-width: 1024px) {
.full-newsdetailB-container {
padding: 30px 0 78px;
padding: 0.625rem 0 1.625rem;
}
.full-newsdetailB-container .article-tilte {
font-size: 24px;
margin: 0 0 18px;
line-height: 32px;
font-size: 0.5rem;
margin: 0 0 0.375rem;
line-height: 0.66667rem;
}
.full-newsdetailB-container .date {
margin: 0 0 20px;
font-size: 24px;
line-height: 32px;
margin: 0 0 0.41667rem;
font-size: 0.5rem;
line-height: 0.66667rem;
}
.full-newsdetailB-container .newsdetailB-article {
padding: 72px 0 55px;
margin-bottom: 42px;
font-size: 14px;
line-height: 24px;
padding: 1.5rem 0 1.14583rem;
margin-bottom: 0.875rem;
font-size: 0.29167rem;
line-height: 0.5rem;
}
.full-newsdetailB-container .single-page {
padding: 0 100px;
padding: 0 2.08333rem;
}
.full-newsdetailB-container .newsdetailB-bdshare {
position: absolute;
right: auto;
left: 0;
top: 76px;
z-index: 50;
top: 1.58333rem;
}
.full-newsdetailB-container .newsdetailB-bdshare.js-fixed-top {
position: fixed;
left: 40px;
left: 0.83333rem;
}
.full-newsdetailB-container .newsdetailB-bdshare.js-absolute-bottom {
position: absolute;
left: 0;
top: auto;
bottom: 55px;
bottom: 1.14583rem;
}
.full-newsdetailB-container .newsdetailB-bdshare a {
float: none;
width: 72px;
height: 72px;
margin: 0 0 1px 0;
-webkit-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
width: 1.5rem;
height: 1.5rem;
margin: 0 0 0.02083rem 0;
}
.full-newsdetailB-container .newsdetailB-bdshare .bds_weixin:hover {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/newsdetailBwxicoac.jpg);
}
.full-newsdetailB-container .newsdetailB-bdshare .bds_tsina:hover {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/newsdetailBsnicoac.jpg);
}
.full-newsdetailB-container .newsdetailB-bdshare .bds_sqq:hover {
background-image: url(http://zhouxin.new.uoeee.com/dist/images/newsdetailBqqicoac.jpg);
}
.full-newsdetailB-container .newsdetailB-ctrl {
position: relative;
padding-right: 200px;
padding-right: 4.16667rem;
}
.full-newsdetailB-container .newsdetailB-ctrl .page-ctrl {
margin-bottom: 0;
}
.full-newsdetailB-container .newsdetailB-ctrl .page-ctrl a {
font-size: 16px;
line-height: 30px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
font-size: 0.33333rem;
line-height: 0.625rem;
}
.full-newsdetailB-container .newsdetailB-ctrl .page-ctrl a:hover {
color: #00164a;
}
.full-newsdetailB-container .newsdetailB-ctrl .return {
position: absolute;
right: 0;
top: 5px;
z-index: 3;
width: 145px;
height: 50px;
line-height: 50px;
font-size: 16px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
top: 0.10417rem;
width: 3.02083rem;
height: 1.04167rem;
line-height: 1.04167rem;
font-size: 0.33333rem;
}
.full-newsdetailB-container .newsdetailB-ctrl .return:hover {
-webkit-box-shadow: 0px 5px 15px -5px #aaa;
box-shadow: 0px 5px 15px -5px #aaa;
-webkit-box-shadow: 0px 0.10417rem 0.3125rem -0.10417rem #aaa;
box-shadow: 0px 0.10417rem 0.3125rem -0.10417rem #aaa;
}
}
@media (min-width: 1024px) {
.newsA-topnews-swiper .thumb {
float: left;
width: 65%;
}
.newsA-topnews-swiper .thumb img {
-webkit-transition: -webkit-transform ease .7s;
transition: -webkit-transform ease .7s;
-o-transition: -o-transform ease .7s;
transition: transform ease .7s;
transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s;
}
.newsA-topnews-swiper a {
overflow: hidden;
zoom: 1;
}
.newsA-topnews-swiper a:hover .title {
color: #00164a;
}
/**.newsA-topnews-swiper a:hover img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); } */
.newsA-topnews-swiper a:hover .more {
color: #00164a;
}
.newsA-topnews-swiper .conent {
overflow: hidden;
zoom: 1;
padding: 40px 25px 50px;
padding: 0.83333rem 0.52083rem 1.04167rem;
}
.newsA-topnews-swiper .title {
margin-bottom: 24px;
font-size: 22px;
max-height: 64px;
line-height: 32px;
display: -webkit-box;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
white-space: normal;
margin-bottom: 0.5rem;
font-size: 0.45833rem;
max-height: 1.33333rem;
line-height: 0.66667rem;
}
.newsA-topnews-swiper .desc {
font-size: 14px;
margin-bottom: 24px;
height: 120px;
line-height: 24px;
-webkit-line-clamp: 5;
font-size: 0.29167rem;
margin-bottom: 0.5rem;
height: 2.5rem;
line-height: 0.5rem;
}
.newsA-topnews-swiper .newsA-pages {
left: 65%;
bottom: 42px;
width: 35%;
text-align: left;
padding-left: 25px;
bottom: 0.875rem;
padding-left: 0.52083rem;
}
}
/* 20200221脙陇脗驴脗庐脙娄芒鈧澝偮� */
@media (min-width: 1024px) {
.line {
height: 4px;
height: 0.08333rem;
}
.insearch-view {
max-width: 305px;
padding: 8px 5px;
background: #fff;
max-width: 6.35417rem;
padding: 0.16667rem 0.10417rem;
}
.innav-ermenu {
text-align: left;
}
.inabsor-view .swiper-slide:hover .inabsor-img:after {
opacity: 0.6;
}
.inpro-btmfl .inpro-btma:hover i {
border-color: #0091D3;
}
.inpro-btmfl .inpro-btma:hover i::after {
border-color: #0091D3;
}
.inexpo-one:hover img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.innews-ul {
padding-top: 0;
}
.infooter-erweima img {
width: 100px;
padding: 7px;
width: 2.08333rem;
padding: 0.14583rem;
}
.products-oneul li:hover .products-onetxt {
background: #fff;
}
.products-oneul li:hover .products-onetxt:after {
opacity: 0;
}
.products-fourwrap a p {
height: auto;
line-height: 26px;
line-height: 0.54167rem;
}
.about-threetxt {
padding-left: 5%;
}
.about-sixtxt {
padding-left: 5%;
}
}
@media (min-width: 1024px) {
.inabsor-view .swiper-slide:hover img,
.products-oneul li:hover img {
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.innews-ul li a:hover {
padding-left: 0px;
}
.innews-des {
font-size: 15px;
font-size: 0.3125rem;
}
.inbeinter-view .swiper-slide:hover .inbeinter-text h3:after {
border-color: #facd01;
}
/**.inbeinter-view .swiper-slide:hover .inbeinter-text h3 { color: #00164a; }**/
.casepost-fourview .swiper-slide:hover .casepost-fourtxt h3 {
color: #020920;
}
.casepost-fourview .swiper-slide:hover .casepost-fourtxt h3::before {
width: 100%;
}
.products-fourwrap a:hover {
border-color: #facd01;
}
.suzycase-tworightview {
position: absolute;
bottom: 0;
right: 0;
z-index: 10;
}
/** .contact-map { position: relative; } .contact-map::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; } .contact-map.cur::before { display: none; } */
.contentbtm-txt h3 {
position: relative;
}
.contentbtm-txt h3::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
background: #facd01;
}
.contentbtm-view .swiper-slide:hover .contentbtm-txt h3::before {
height: 2px;
height: 0.04167rem;
}
.school-fourview .swiper-slide:hover .contentbtm-txt h3::before {
height: 2px;
height: 0.04167rem;
}
.inpro-btmfl .inpro-btma:hover i,
.inview-a:hover i {
border-color: #facd01;
background: #facd01;
}
.inpro-btmfl .inpro-btma:hover i::after,
.more-active2:hover i::after,
.inview-a:hover i::after,
.suzycon-a:hover i::after {
border-color: #020920;
}
.inview-a i,
.suzycon-a i {
border-color: #929aa1;
}
.inview-a i::after,
.suzycon-a i:after {
border-color: #929aa1;
}
.inbanner-icon {
cursor: pointer;
}
.infooter-link a:hover .d-img,
.addthis_toolbox a:hover .d-img {
display: none;
}
.infooter-link a:hover .h-img,
.addthis_toolbox a:hover .h-img {
display: inline-block;
}
.infooter-fen .weibo img {
max-width: 14px;
max-width: 0.29167rem;
}
.infooter-fen .weixin img {
max-width: 15px;
max-width: 0.3125rem;
}
.infooter-fen .youku img {
max-width: 20px;
max-width: 0.41667rem;
}
.infooter-fen .youtube img {
max-width: 15px;
max-width: 0.3125rem;
}
}
@media (min-width: 1024px) {
.products-fourwrap a .p-f-ti {
margin-bottom: 8px;
margin-bottom: 0.16667rem;
}
.products-fourwrap a .p-f-de {
font-size: 14px;
line-height: 22px;
height: 44px;
font-size: 0.29167rem;
line-height: 0.45833rem;
height: 0.91667rem;
}
}
@media (min-width: 1024px) {
.inheader-frtop .suzy-topatel,
.inheader-frtop .suzy-topamail {
display: inline-block;
font-size: 0;
min-width: 1px;
min-width: 0.02083rem;
}
}
@media (min-width: 1024px) {
.suzycase-post1img,
.suzycase-post2img {
width: 35%;
}
.suzycase-post1text,
.suzycase-post2text {
width: 64%;
}
.suzycase-posth3,
.suzycase-posttxth3 {
font-size: 18px;
font-size: 0.375rem;
}
.suzycon-a {
margin-top: 35px;
margin-top: 0.72917rem;
}
.suzyfooter-telimc {
display: inline-block;
vertical-align: middle;
text-align: left;
white-space: nowrap;
}
}
@media (min-width: 1024px) {
body.active .innav-ermenu2 {
top: 63px;
top: 1.3125rem;
}
.innav-ermenu2 {
padding-bottom: 80px;
overflow-y: auto;
max-height: 100%;
padding-bottom: 1.66667rem;
}
.innav-ermenu2::-webkit-scrollbar {
width: 2px;
height: 8px;
background-color: #fff;
width: 0.04167rem;
height: 0.16667rem;
}
.innav-ermenu2::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
-webkit-box-shadow: inset 0 0 0.02083rem rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0.04167rem;
border-radius: 0.04167rem;
}
.innav-ermenu2::-webkit-scrollbar-thumb {
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color: #00164a;
-webkit-border-radius: 0.04167rem;
border-radius: 0.04167rem;
-webkit-box-shadow: inset 0 0 0.04167rem rgba(0, 0, 0, 0.1);
}
.innav-threemenu {
display: block;
}
.suzy-topconmunbtn:hover em,
.suzy-topconmunbtn2:hover em {
visibility: visible;
opacity: 1;
}
.innav-ermenu2 {
position: fixed;
top: 100px;
left: 0;
z-index: 202;
width: 100%;
padding: 25px 0 20px;
background: rgba(237, 244, 250, 0.98);
border-bottom: none;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
padding: 0.52083rem 0 0.41667rem;
}
.innav-ermenu2 .incommonweb {
padding-left: 40px;
padding-right: 40px;
font-size: 0;
padding-left: 0.83333rem;
padding-right: 0.83333rem;
}
.innav-eritem {
display: inline-block;
width: 14.2%;
margin-right: 0%;
padding-right: 20px;
padding-bottom: 15px;
vertical-align: top;
border-bottom: none;
padding-right: 0.41667rem;
padding-bottom: 0.3125rem;
}
.innav-eritem:nth-child(7n) {
margin-right: 0;
}
.innav-threemenu {
border-top: none;
}
.innav-era {
line-height: 24px;
/**font-size: 16px;**/
font-size: 15px;
color: #585e6f;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
line-height: 30px;
font-size: 0.3125rem;
}
.innav-threemenu {
padding-top: 12px;
padding-top: 0.25rem;
}
.innav-threemenu a {
/**line-height: 24px;**/
margin-bottom: 6px;
line-height: 20px;
/**font-size: 14px;**/
font-size: 14px;
color: #9ca3a9;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
margin-bottom: 0.125rem;
line-height: 0.41667rem;
font-size: 0.29167rem;
}
.innav-threemenu a:hover {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px);
-webkit-transform: translateX(0.10417rem);
-ms-transform: translateX(0.10417rem);
-o-transform: translateX(0.10417rem);
transform: translateX(0.10417rem);
}
.innav-threemenu a:hover,
.innav-era:hover {
color: #0b132f;
}
.innav-ermenu3 {
text-align: center;
padding: 15px 0;
padding: 0.3125rem 0;
}
.innav-ermenu3 .innav-eritem {
width: auto;
padding: 0;
margin: 0 10px;
margin: 0 0.20833rem;
}
.innav-ermenu3 .innav-era {
font-size: 14px;
font-size: 0.29167rem;
}
}
@media (min-width: 1260px) {
.about-fourwrap img {
height: 410px;
height: 8.54167rem;
}
.suzy-topinennum,
.suzy-toptelnum {
font-size: 12px;
font-size: 0.25rem;
}
.insearch-view .insearch-intxt {
font-size: 14px;
font-size: 0.29167rem;
}
.inabsor-men h3 {
font-size: 14px;
font-size: 0.29167rem;
}
.infooter-dl dt a {
font-size: 17px;
font-size: 0.35417rem;
}
.infooter-dl dd a {
font-size: 14px;
font-size: 0.29167rem;
}
.infooter-bottomul li {
font-size: 15px;
line-height: 24px;
font-size: 0.3125rem;
line-height: 0.5rem;
}
.infooter-logo img {
height: 57px;
height: 1.1875rem;
}
.inbeinter-text h3:after {
width: 7px;
height: 7px;
border-top-width: 2px;
border-right-width: 2px;
width: 0.14583rem;
height: 0.14583rem;
border-top-width: 0.04167rem;
border-right-width: 0.04167rem;
}
.infooter-link span {
font-size: 15px;
font-size: 0.3125rem;
}
.infooter-fen .addthis_button_compact {
font-size: 14px;
font-size: 0.29167rem;
}
.infooter-fen {
margin-top: 15px;
margin-top: 0.3125rem;
}
.inbottom {
padding: 15px 0;
line-height: 20px;
font-size: 13px;
padding: 0.3125rem 0;
line-height: 0.41667rem;
font-size: 0.27083rem;
}
.suzylinkyoutit {
font-size: 13px;
font-size: 0.27083rem;
}
.suzylinkyouview a {
font-size: 13px;
padding: 10px;
font-size: 0.27083rem;
padding: 0.20833rem;
}
.inlogo img {
height: 40px;
height: 0.83333rem;
}
.inprev1,
.innext1 {
width: 32px;
height: 32px;
border-width: 2px;
width: 0.66667rem;
height: 0.66667rem;
border-width: 0.04167rem;
}
.inprev1:after,
.innext1:after {
width: 10px;
height: 10px;
border-width: 2px;
width: 0.20833rem;
height: 0.20833rem;
border-width: 0.04167rem;
}
.inabsor-prev,
.inabsor-next {
width: 32px;
height: 32px;
border-width: 2px;
width: 0.66667rem;
height: 0.66667rem;
border-width: 0.04167rem;
}
.inabsor-prev:after,
.inabsor-next:after {
width: 10px;
height: 10px;
border-width: 2px;
width: 0.20833rem;
height: 0.20833rem;
border-width: 0.04167rem;
}
.intit h2::after {
height: 4px;
border-width: 2px;
height: 0.08333rem;
border-width: 0.04167rem;
}
.intit h3 {
margin-top: 10px;
margin-top: 0.20833rem;
}
.incommonweb {
max-width: 1200px;
}
.incommonweb2 {
max-width: 1520px;
max-width: 31.66667rem;
}
.inpro-btmfl {
line-height: 24px;
font-size: 15px;
line-height: 0.5rem;
font-size: 0.3125rem;
}
.inpro-btma i {
margin-left: 6px;
width: 20px;
height: 20px;
margin-left: 0.125rem;
width: 0.41667rem;
height: 0.41667rem;
}
.inpro-btma i:after {
width: 7px;
height: 7px;
border-width: 2px;
width: 0.14583rem;
height: 0.14583rem;
border-width: 0.04167rem;
}
.inabsor-men h3 {
height: 42px;
line-height: 21px;
height: 0.875rem;
line-height: 0.4375rem;
}
.inabsor-radius {
width: 30px;
height: 30px;
margin-top: 15px;
width: 0.625rem;
height: 0.625rem;
margin-top: 0.3125rem;
}
.inabsor-view .swiper-container {
padding: 20px 0;
padding: 0.41667rem 0;
}
.intit .intit-des {
margin-top: 8px;
margin-top: 0.16667rem;
}
.insale-txt a img {
width: 24px;
width: 0.5rem;
}
.inpro-btma span {
font-size: 16px;
font-size: 0.33333rem;
}
.inexpo-onetit:after {
height: 4px;
height: 0.08333rem;
}
.inexpo-onetext {
padding: 25px 3.75% 18px;
padding: 0.52083rem 3.75% 0.375rem;
}
.inpro-btma {
margin-top: 20px;
margin-top: 0.41667rem;
}
.intit2 h3 {
margin-top: 5px;
margin-top: 0.10417rem;
}
.inview-a i,
.suzycon-a i {
width: 20px;
height: 20px;
margin-left: 6px;
width: 0.41667rem;
height: 0.41667rem;
margin-left: 0.125rem;
}
.inview-a i:after,
.suzycon-a i:after {
width: 7px;
height: 7px;
border-width: 2px;
width: 0.14583rem;
height: 0.14583rem;
border-width: 0.04167rem;
}
.innews-ul li h3 {
height: 24px;
line-height: 24px;
height: 0.5rem;
line-height: 0.5rem;
}
.innews-time {
line-height: 24px;
right: 24px;
line-height: 0.5rem;
right: 0.5rem;
}
.innews-des {
margin-top: 8px;
max-height: 46px;
margin-top: 0.16667rem;
max-height: 0.95833rem;
}
.inbeinter-text h3 {
padding: 0 30px 0 10px;
padding: 0 0.625rem 0 0.20833rem;
}
.inbeinter-des {
margin-top: 6px;
margin-top: 0.125rem;
}
.infooter-link a img {
height: 18px;
height: 0.375rem;
}
.infooter-fen a {
width: 20px !important;
height: 20px !important;
margin-right: 10px;
line-height: 20px !important;
width: 0.41667rem !important;
height: 0.41667rem !important;
margin-right: 0.20833rem;
line-height: 0.41667rem !important;
}
.infooter-bottomul li.li2 p {
background-position: 0px 7px;
background-position: 0px 0.14583rem;
}
.innav-ermenu .incommonweb {
max-width: 1280px;
max-width: 26.66667rem;
}
.suzymember-conview {
max-width: 350px;
max-width: 7.29167rem;
}
.suzymember-title a:after {
width: 8px;
height: 8px;
border-width: 2px;
width: 0.16667rem;
height: 0.16667rem;
border-width: 0.04167rem;
}
.suzymember-formyanimg {
width: 120px;
width: 2.5rem;
}
.suzymember-conview2 {
max-width: 600px;
max-width: 12.5rem;
}
.suzymember-form .suzymember-btndtm {
line-height: 42px;
width: 120px;
font-size: 14px;
line-height: 0.875rem;
width: 2.5rem;
font-size: 0.29167rem;
}
.inheader-frtop a:after {
height: 18px;
margin-top: -9px;
height: 0.375rem;
margin-top: -0.1875rem;
}
.inheader-frtop span {
padding: 0 5px;
padding: 0 0.10417rem;
}
.inheader-frtop .suzy-topatel {
padding-left: 18px;
background-size: 83.33333% auto;
padding-left: 0.375rem;
}
.inheader-frtop .suzy-topamail {
padding-left: 23px;
background-size: 82.6087% auto;
padding-left: 0.47917rem;
}
.inheader-frtop a {
margin-right: 20px;
min-width: 20px;
margin-right: 0.41667rem;
min-width: 0.41667rem;
}
.inheader-frtop .insearch-btn {
background-size: 85%;
}
}
@media (min-width: 1260px) {
.newsA-topnews-swiper .conent {
padding: 60px 38px 50px;
padding: 1.25rem 0.79167rem 1.04167rem;
}
.newsA-topnews-swiper .title {
font-size: 24px;
max-height: 72px;
line-height: 36px;
display: -webkit-box;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 0.5rem;
max-height: 1.5rem;
line-height: 0.75rem;
}
.newsA-topnews-swiper .desc {
height: 120px;
line-height: 24px;
-webkit-line-clamp: 5;
height: 2.5rem;
line-height: 0.5rem;
}
.newsA-topnews-swiper .newsA-pages {
padding-left: 38px;
padding-left: 0.79167rem;
}
}
@media (min-width: 1260px) {
.full-newsdetailB-container .single-page {
max-width: 850px;
padding: 0;
margin: 0 auto;
max-width: 17.70833rem;
}
.full-newsdetailB-container .newsdetailB-bdshare.js-fixed-top {
position: fixed;
left: 50%;
margin-left: -590px;
margin-left: -12.29167rem;
}
.full-newsdetailB-container .newsdetailB-bdshare.js-absolute-bottom {
position: absolute;
left: 0;
top: auto;
margin-left: 0;
}
.suzy-newsconfen {
max-width: 850px;
margin: 0 auto;
max-width: 17.70833rem;
}
}
@media (min-width: 1260px) {
.full-newsdetailB-container .newsdetailB-bdshare.js-fixed-top {
margin-left: -640px;
margin-left: -13.33333rem;
}
}
@media (min-width: 1260px) {
/**.incommonweb, .incommonweb2 { padding-left: 100px; padding-right: 100px; } .inheader .incommonweb { padding-right: 100px; }**/
.innav-ul li {
margin-right: 40px;
margin-right: 0.83333rem;
}
.innav-h3 a {
font-size: 16px;
font-size: 0.33333rem;
}
.innav-ermenu a {
font-size: 14px;
font-size: 0.29167rem;
}
.infooter-link a {
margin-right: 20px;
margin-right: 0.41667rem;
}
.insale-num {
line-height: 64px;
font-size: 60px;
line-height: 1.33333rem;
font-size: 1.25rem;
}
.inabsor-prev {
left: -48px;
left: -1rem;
}
.news-threetit h3 {
font-size: 40px;
font-size: 0.83333rem;
}
.inabsor-next {
right: -48px;
right: -1rem;
}
.develop-threedes {
height: 128px;
height: 2.66667rem;
}
.social-text {
font-size: 16px;
line-height: 36px;
font-size: 0.33333rem;
line-height: 0.75rem;
}
.social-des {
height: auto;
max-height: 216px;
max-height: 4.5rem;
}
.about-twoliitem h3 span,
.about-twoliitem h3 i {
font-size: 44px;
font-size: 0.91667rem;
}
.about-fourwrap img {
height: 500px;
height: 10.41667rem;
}
.about-fiveul li {
font-size: 16px;
font-size: 0.33333rem;
}
.about-fiveul li span {
padding: 0 10px;
margin-bottom: -4px;
padding: 0 0.20833rem;
margin-bottom: -0.08333rem;
}
.about-fiveul li span,
.about-fiveul li i {
font-size: 42px;
font-size: 0.875rem;
}
.about-fiveul li i {
vertical-align: top;
}
.about-fiveul li:after {
margin-top: 0px;
}
.insearch-view {
right: 100px;
right: 2.08333rem;
}
.casepost-onetxt2 {
max-height: none;
}
.inprev1 {
left: 20px;
left: 0.41667rem;
}
.innext1 {
right: 20px;
right: 0.41667rem;
}
}
@media (min-width: 1260px) {
.commonweb {
margin: 0px auto;
max-width: 1320px;
padding: 0 60px;
max-width: 27.5rem;
padding: 0 1.25rem;
}
}
@media (min-width: 1260px) {
/**.innav-ermenu2 .incommonweb { padding-left: 100px; padding-right: 100px; }**/
.innav-era {
font-size: 15px;
font-size: 0.3125rem;
}
.innav-ermenu3 .innav-era {
font-size: 14px;
font-size: 0.29167rem;
}
.innav-threemenu {
padding-top: 12px;
padding-top: 0.25rem;
}
.innav-threemenu a {
line-height: 20px;
margin-bottom: 10px;
font-size: 14px;
line-height: 25px;
margin-bottom: 0.20833rem;
font-size: 0.29167rem;
}
}
@media (min-width: 1260px) {
.innav-eritem {
width: 15%;
margin-right: 5%;
}
}
@media (min-width: 1260px) {
.suzyprivacy {
padding: 54px 0 80px;
padding: 1.125rem 0 1.66667rem;
}
.suzyprivacy-title {
font-size: 38px;
font-size: 0.79167rem;
}
.suzyprivacy-text {
font-size: 16px;
font-size: 0.33333rem;
}
}
@media (min-width: 1260px) {
.innav-ul li {
margin-right: 45px;
margin-right: 0.9375rem;
}
.infooter-link a {
margin-right: 30px;
margin-right: 0.625rem;
}
.infooter-link span {
padding-right: 20px;
padding-right: 0.41667rem;
}
.news-twotxt h3 {
font-size: 20px;
font-size: 0.41667rem;
}
.school-four {
padding: 50px 0;
padding: 1.04167rem 0;
}
.school-fourtxt h3 {
line-height: 60px;
line-height: 1.25rem;
}
.school-four .walfare-threea {
margin-top: 22px;
margin-top: 0.45833rem;
}
.hotjob-two {
padding: 60px 0;
padding: 1.25rem 0;
}
.contentbtm-txt {
margin: -30px auto 0;
margin: -0.625rem auto 0;
}
.school-three {
padding: 60px 0;
padding: 1.25rem 0;
}
.propost2-confr h3 {
font-size: 18px;
font-size: 0.375rem;
}
.walfare-tit {
font-size: 28px;
font-size: 0.58333rem;
}
.school-two {
padding: 65px 0;
padding: 1.35417rem 0;
}
.walfare-one {
padding: 10px 0 60px;
padding: 0.20833rem 0 1.25rem;
}
.social-text h3 {
font-size: 36px;
font-size: 0.75rem;
}
.school-fourtxt h3 {
font-size: 20px;
font-size: 0.41667rem;
}
.social-ul li:before {
height: 24.18605%;
}
.develop-threedes {
height: 160px;
height: 3.33333rem;
}
.talk-twoview {
margin-top: 30px;
margin-top: 0.625rem;
}
.products-onetxt {
font-size: 15px;
}
.social-des {
margin-top: 27px;
}
.news-twodes {
margin-top: 10px;
height: 24px;
line-height: 24px;
margin-top: 0.20833rem;
height: 0.5rem;
line-height: 0.5rem;
}
.news-twotxt h3 {
font-size: 20px;
font-size: 0.41667rem;
}
.products-oneul {
margin-top: 50px;
margin-top: 1.04167rem;
}
.casepost-onedes {
font-size: 22px;
font-size: 0.45833rem;
}
.news-twotxt {
font-size: 14px;
font-size: 0.29167rem;
}
.casepost {
padding: 44px 0 80px;
padding: 0.91667rem 0 1.66667rem;
}
.develop-two {
margin-top: 70px;
margin-top: 1.45833rem;
}
.news-threetit h3 {
font-size: 44px;
font-size: 0.91667rem;
}
.casepost-threedes {
margin-top: 40px;
}
.imorepages a span {
font-size: 18px;
font-size: 0.375rem;
}
.innav-h3 a {
font-size: 16px;
/*font-size: 0.35417rem;*/
}
.propost1-onewrap {
margin-top: 40px;
margin-top: 0.83333rem;
}
.propost1-one {
padding-top: 65px;
padding-top: 1.35417rem;
}
.news-tit span {
font-size: 28px;
font-size: 0.58333rem;
}
.mycronic-one h2 {
font-size: 48px;
font-size: 1rem;
}
.develop-four {
margin-top: 55px;
margin-top: 1.14583rem;
}
.contact-map {
margin-top: 50px;
margin-top: 1.04167rem;
}
.develop-fiveul {
margin-top: 50px;
margin-top: 1.04167rem;
}
.mycronic-threeflul li h3 {
font-size: 48px;
font-size: 1rem;
}
.develop {
padding-bottom: 50px;
padding-bottom: 1.04167rem;
}
.develop-one {
padding-top: 60px;
padding-top: 1.25rem;
}
.about-fiveul li span,
.about-fiveul li i {
font-size: 46px;
font-size: 0.95833rem;
}
/**.products-oneul li { width: 32.03125%; margin-right: 1.95313%; } .products-oneul li:nth-child(2n) { margin-right: 1.95313%; } .products-oneul li:nth-child(3n) { margin-right: 0; }**/
.news-threetit:after {
margin-top: -7px;
width: 62px;
height: 4px;
margin-top: -0.14583rem;
width: 1.29167rem;
height: 0.08333rem;
}
.contentbtm-tui {
padding: 60px 0;
padding: 1.25rem 0;
}
.products-onetxt h3 {
font-size: 20px;
}
.about-fivetxt h3 span {
font-size: 32px;
}
.about-fivedes {
font-size: 32px;
}
.products-onetxt {
margin-top: -40px;
}
.contentbtm-view {
margin-top: 40px;
}
.about-three {
margin-top: 60px;
}
.about-six {
padding: 60px 0 60px;
padding: 1.25rem 0 1.25rem;
}
.about-fivewrap1 {
margin-top: 40px;
margin-top: 0.83333rem;
}
.about-fiveul {
margin-top: 60px;
margin-top: 1.25rem;
}
.about-fourtxt h3 {
padding-bottom: 11px;
padding-bottom: 0.22917rem;
}
.about-five {
margin-top: 60px;
margin-top: 1.25rem;
}
.contentbtm-txt h3 {
height: 50px;
line-height: 50px;
height: 1.04167rem;
line-height: 1.04167rem;
}
/**.about-fourtext .about-fourbg { width: 58.125%;-webkit-transform: skew(30deg); -moz-transform: skew(30deg); -ms-transform: skew(30deg); -o-transform: skew(30deg); transform: skew(30deg); } */
.about-fourtext .about-fourbg {
left: 16%;
}
.about-twotit {
font-size: 20px;
font-size: 0.41667rem;
}
.about-twotit h3 {
font-size: 34px;
font-size: 0.70833rem;
}
.about-four {
padding-top: 60px;
padding-top: 1.25rem;
}
.about-twotit h3 {
font-size: 44px;
font-size: 0.91667rem;
}
.about-threewrap {
margin-top: 40px;
margin-top: 0.83333rem;
}
.about-fourwrap {
margin-top: 50px;
margin-top: 1.04167rem;
}
.about-twoul {
margin-top: 80px;
margin-top: 1.66667rem;
}
.about-twotit h3:after {
margin-top: 24px;
margin-top: 0.5rem;
}
.about-twoicon {
width: 80px;
height: 80px;
line-height: 80px;
width: 1.66667rem;
height: 1.66667rem;
line-height: 1.66667rem;
}
.about-twoicon img {
max-height: 55px;
max-height: 1.14583rem;
}
.about-twoliitem h3 span,
.about-twoliitem h3 i {
font-size: 48px;
font-size: 1rem;
}
.about-twowrap {
margin-top: 40px;
margin-top: 0.83333rem;
}
.inprev1 {
left: 40px;
left: 0.83333rem;
}
/**.innav-ermenu .incommonweb{padding-left: 16%!important;}**/
.intit {
font-size: 22px;
font-size: 0.45833rem;
}
.intit h2 {
font-size: 32px;
line-height: 2;
font-size: 0.66667rem;
}
.intit h3 {
font-size: 22px;
font-size: 0.45833rem;
}
.inabsor-text {
margin-top: 22px;
margin-top: 0.45833rem;
}
.inabsor-text h3 {
font-size: 18px;
font-size: 0.375rem;
}
.inabsor {
padding: 24px 0 60px;
padding: 0.5rem 0 1.25rem;
}
.inpro-btmwrap {
padding: 7px 0 60px;
padding: 0.14583rem 0 1.25rem;
}
.inpro-btmfl h3 {
font-size: 30px;
font-size: 0.625rem;
}
.insale-tit h3 {
font-size: 26px;
font-size: 0.54167rem;
}
.insale-num {
font-size: 68px;
font-size: 1.41667rem;
}
.insale-txt a {
font-size: 20px;
font-size: 0.41667rem;
}
.inexpo-onetit h3 {
font-size: 44px;
font-size: 0.91667rem;
}
.inexpo-onetit {
font-size: 18px;
font-size: 0.375rem;
}
.inexpo-onea span {
font-size: 18px;
font-size: 0.375rem;
}
.intit2 h2 {
font-size: 34px;
font-size: 0.70833rem;
}
.intit2 h2:after {
margin-top: 12px;
margin-top: 0.25rem;
}
.inexpo {
padding: 70px 0 65px;
padding: 1.45833rem 0 1.35417rem;
}
.inexpo-two {
margin-top: 90px;
margin-top: 1.875rem;
}
.intit2 h3 {
font-size: 22px;
font-size: 0.45833rem;
}
.inview-a span {
font-size: 18px;
font-size: 0.375rem;
}
.innews-ul li a {
padding: 34px 110px 34px 0;
padding: 0.70833rem 2.29167rem 0.70833rem 0;
}
.inabout-img {
margin-top: 34px;
margin-top: 0.70833rem;
}
.inabout .inview-a {
margin-top: 40px;
margin-top: 0.83333rem;
}
.inbanner-txt1 h2 {
font-size: 60px;
font-size: 1.25rem;
}
.injoin {
padding: 26px 0 110px;
padding: 0.54167rem 0 2.29167rem;
}
.inbeinter {
padding: 45px 0 52px;
padding: 0.9375rem 0 1.08333rem;
}
.neibanner-text h2 {
font-size: 28px;
font-size: 0.58333rem;
}
.neibanner-text h3 {
font-size: 20px;
font-size: 0.41667rem;
}
.neiermenu-a a {
font-size: 18px;
font-size: 0.375rem;
}
.products-tit h2 span {
font-size: 24px;
font-size: 0.5rem;
}
.products-tit h3 {
font-size: 16px;
font-size: 0.33333rem;
}
.neiermenu {
padding: 25px 0;
padding: 0.52083rem 0;
}
.products-one {
padding: 46px 0 1px;
padding: 0.95833rem 0 0.02083rem;
}
.intit2 h2:after {
margin-top: 10px;
margin-top: 0.20833rem;
}
.about-onewrap {
padding-top: 50px;
padding-top: 1.04167rem;
}
.about-two {
padding-top: 60px;
padding-top: 1.25rem;
}
.inpro-btma span {
font-size: 18px;
font-size: 0.375rem;
}
.innext1 {
right: 40px;
right: 0.83333rem;
}
}
@media (min-width: 1260px) {
.innav-ul li {
margin-right: 50px;
margin-right: 1.04167rem;
}
.insearch-view {
right: auto;
left: 50%;
margin-left: 335px;
}
.products-tit h2 span {
font-size: 28px;
}
.products-tit h3 {
font-size: 18px;
}
.casepost-onedes {
font-size: 24px;
}
}
@media (min-width: 1260px) {
.video-player-popup .video-player {
height: 600px;
height: 12.5rem;
}
}
/** 脙搂芒鈥灺⒚偮幻兟ッ偮矫⑩偓垄脙娄脗鲁脗篓脙楼芒鈧犆呪€� end 20200525 **/
@media (min-width: 1600px) {
.incommonweb,
.incommonweb2 {
padding-left: 100px;
padding-right: 100px;
padding-left: 2.08333rem;
padding-right: 2.08333rem;
}
.inheader .incommonweb {
padding-right: 100px;
padding-right: 2.08333rem;
}
.innav-ermenu2 .incommonweb {
padding-left: 100px;
padding-right: 100px;
padding-left: 2.08333rem;
padding-right: 2.08333rem;
}
}
@media(max-width:1200px) {
}
@media(max-width:860px) {
.search {
display: block !important;
}
.nav {
display: none !important;
}
}